/* General HTML CSS */
	body {
		background-color	: #FFFFFF;
		margin				: 0px 0px 20px 0px;
		font-family 		: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
		color				: #4B4B4B;
		scrollbar-base-color		: #820000;
		scrollbar-arrow-color		: #000000;
		scrollbar-3dlight-color		: #990000;
		scrollbar-darkshadow-color	: #990000;
		scrollbar-face-color		: #860000;
		scrollbar-highlight-color	: #860000;
		scrollbar-shadow-color		: #670000;
		scrollbar-track-color		: #820000;
	}
	td, input, select, textarea, .text {
		font-family 		: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
	}
	a {
		color				: #990000;
	}
	a.visited {
		color				: #990000;
	}
	a.active {
		color				: #ff0000;
	}
	a:hover {
		text-decoration		: none;
	}
	ul {
		list-style-image	: url(images/li.gif);
	}
	h1, h2, h3, ul {
		margin-top			: 0px;
		margin-bottom		: 0px;
	}
	hr {
		border				: 1px dotted #666666;
	}

/* Template CSS */
	.homeLayout {
		width				: 100%;
		background			: #990000;
		border-left			: 1px solid #FFFFFF;
	}
	.consecLayout {
		width				: 100%;
		background			: #FFFFFF url(images/consec_bg.jpg) no-repeat bottom;
		border-left			: 1px solid #FFFFFF;
	}
	h1 {
		color				: #000000;
		font-size			: 16px;
	}
	h2 {
		font-family 		: Arial Black,Arial,Helvetica,sans-serif;
		color				: #FFFFFF;
		font-size			: 20px;
		font-weight			: normal;
		font-style			: normal;
		text-transform		: uppercase;
	}
	h3 {
		display				: block;
		background-color	: #000000;
		color				: #FFFFFF;
		font-size			: 12px;
		font-weight			: bold;
		padding				: 5px 0px 6px 10px;
		border-bottom		: 1px solid #FFFFFF;
	}
	a.h3Link:link, a.h3Link:visited, a.h3Link:active {
		font-size			: 12px;
		color				: #FFFFFF;
		text-decoration		: none;
	}
	a.h3Link:hover {
		font-size			: 12px;
		color				: #990000;
		text-decoration		: underline;
	}
	th {
		background-color	: #990000;
		color				: #FFFFFF;
		font-size			: 11px;
		padding				: 5px 0px 6px 10px;
		border				: 1px solid #FFFFFF;
		border-width		: 1px 0px 1px 0px;
		text-align			: left;
	}
	.contentArea {
		display				: block;
		padding				: 10px;
	}
	.textsm {
		font-size			: 10px;
	}

/* TopBar CSS */
	#topBar {
		background			: #000000 url(images/nav_bg.gif) repeat-x top;
		border-bottom		: 1px solid #FFFFFF;
	}
	#topNav a {
		font-size			: 10px;
		color				: #cccccc;
		text-decoration		: none;
	}
	#topNav a:hover {
		color				: #990000;
		text-decoration		: underline;
	}
	#topNav b {
		font-size			: 10px;
		color				: #FFFFFF;
	}

/* Application Lookup CSS */
	#chooseVehicle {
		background-color	: #000000;
		display				: block;
		width				: 169px;
 		height				: 100px;
		text-align			: center;
	}
	.vehDisplay {
		padding-left		: 14px;
		background			: #000000 url(images/nav_bg.gif) repeat-x top;
		width				: 336px;
	}
	.vehDisplay-on {
		padding-left		: 14px;
		background-color	: #990000;
		width				: 336px;
	}

/* SideNavigation CSS */
	td.selected {
		background-color	: #000000;
		font-size			: 11px;
		color				: #FFFFFF;
		font-weight			: bold;
		padding				: 3px 0px 3px 3px;
	}
	td.nav {
		background-image	: url(images/sidenav_bg.gif);
		padding				: 3px 0px 3px 5px;
		color				: #FFFFFF;
	}
	a.nav:link, a.nav:visited, a.nav:active {
		color				: #FFFFFF;
		font-size			: 11px;
		text-decoration		: none;
	}
	a.nav:hover {
		text-decoration		: underline;
	}
	td.subnav {
		background-image	: url(images/sidesubnav_bg.gif);
		padding				: 3px 0px 3px 5px;
	}
	.subnav, a.subnav:link, a.subnav:visited, a.subnav:active {
		color				: #CCCCCC;
		font-size			: 10px;
		text-decoration		: none;
	}
	a.subnav:hover {
		color				: #FFFFFF;
		text-decoration		: underline;
	}

/* Homepage CSS */
	#intro {
		height				: 157px;
		color				: #FFFFFF;
		padding				: 12px 15px 0px 15px;
		background-image	: url(images/logo_supremepower_s.gif);
		background-repeat	: no-repeat;
		background-position	: 371px 141px;
	}
	#intro div {
		height				: 145px;
		overflow			: hidden;
	}
	#MainImage { width: 809px; height: 300px; background-repeat: no-repeat; background-position: top left; }
	#WelcomeText { float: right; width: 235px; margin: 50px 25px 0 0; line-height: 14px; }
	#WelcomeText h1 { font-family: Arial; font-size: 14px; color: #000; }
	#WelcomeText h1 em { color: #990000; }
	#WelcomeText h2 { margin-top: 10px; font-family: Arial; font-size: 12px; color: #990000; font-weight: 900; text-transform: none; background: url(images/welcome_arrow.png) no-repeat left; padding-left: 15px; font-style: italic; }
	#WelcomeText p { font-size: 10px; margin: 10px 0 0 0; }

/* Featured CSS */
	.featuredProducts {
		height				: 20px;
		background-color	: #000000;
		color				: #FFFFFF;
		font-size			: 11px;
		font-weight			: bold;
		padding				: 0px 0px 0px 6px;
		border				: 1px solid #FFFFFF;
		border-width		: 1px 0px 1px 0px;
	}
	#featured {
		background			: #FFFFFF url(images/featured_bg.jpg) repeat-x top;
		padding				: 11px 0px 18px 11px;
	}
	#featured td {
		padding-right		: 11px;
	}
	#featured img {
		border				: 1px solid #990000;
		margin-bottom		: 7px;
	}
	#featured a {
		font-size			: 10px;
		color				: #4b4b4b;
		text-decoration		: none;
		width				: 122px;
		display				: block;
	}
	#featured a:hover {
		color				: #990000;
		text-decoration		: underline;
	}
	#highlights td {
		background			: #FFFFFF url(images/highlight_bg.jpg) repeat-x top;
		border				: 1px solid #FFFFFF;
		border-width		: 0px 1px 1px 0px;
		width				: 25%;
	}
	#highlights h3 {
		display				: block;
		background-color	: #000000;
		color				: #FFFFFF;
		font-size			: 11px;
		font-weight			: bold;
		padding				: 3px 10px 4px 10px;
		border-bottom		: 1px solid #FFFFFF;
		text-align			: center;
		height				: 13px;
		overflow			: hidden;
	}
	#highlights div {
		padding				: 10px;
	}
	#highlights img {
		height				: 65px;
		width				: 201px;
		border-bottom		: 1px solid #FFFFFF;
	}
	
/* Footer CSS */
	#footer {
		width				: 100%;
		margin-top			: 8px;
	}
	#footer td {
		font-size			: 9px;
		color				: #999999;
	}
	#footer a:link, #footer a:visited, #footer a:active {
		font-size			: 11px;
		color				: #999999;
	}
	#footer a:hover {
		text-decoration		: none;
	}

/* Shopping Cart CSS */
	#cartTable {
		border				: 1px dotted #666666;
		border-width		: 1px 0px 1px 1px;
	}
	#cartTable th {
		font-family			: Tahoma,Arial,Helvetica,sans-serif;
		background-color	: #990000;
		color				: #FFFFFF;
		font-size			: 11px;
		padding				: 5px 10px 6px 10px;
		border				: 1px dotted #666666;
		border-width		: 0px 1px 1px 0px;
		text-align			: left;
	}
	#cartTable td {
		font-family			: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
		padding				: 3px 10px 3px 10px;
		border-right		: 1px dotted #666666;
	}
	#cartTable a {
		color				: #990000;
		font-size			: 11px;
		text-decoration		: none;
	}
	#cartTable a:hover {
		color				: #ff0000;
		text-decoration		: underline;
	}

/* Product Pages CSS */
	.main {
		display				: block;
		width				: 408px;
		background			: url(images/main_bg.png) no-repeat;
		background-position	: top left;
		padding				: 0px 8px 8px 0px;
	}
	.thumb {
		display				: block;
		width				: 128px;
		background			: url(images/thumb_bg.png) no-repeat;
		background-position	: top left;
		padding				: 0px 8px 8px 0px;
	}
	#productList td {
		font-size			: 10px;
	}
	#productList strong {
		color				: #000000;
		font-size			: 11px;
	}
	#productList i {
		color				: #009900;
		font-style			: normal;
	}
	#productList span {
		color				: #999999;
		text-decoration		: line-through;
	}
	#productList a {
		color				: #990000;
		font-size			: 11px;
		text-decoration		: none;
	}
	#productList a:hover {
		color				: #ff0000;
		text-decoration		: underline;
	}
	
/* Product Pages CSS */
	#socialNetwork { list-style: none; margin: 4px 10px 0 0; padding: 0; float: right; }
	#socialNetwork li { float: left; margin-left: 4px; }
	#socialNetwork a { display: block; width: 14px; height: 14px; background-position: top left; background-repeat: no-repeat; text-indent: -200em; z-index: 100; }
	#socialNetwork .snFacebook a { background-image: url('images/sn_facebook.gif'); }
	#socialNetwork .snTwitter a { background-image: url('images/sn_twitter.gif'); }
	#socialNetwork .snBlogger a { background-image: url('images/sn_blogger.gif'); }
	#socialNetwork .snYouTube a { background-image: url('images/sn_youtube.gif'); }