/* General HTML CSS */
	body {
		background-color	: #000000;
		margin				: 3px 0px 20px 0px;
		font-family 		: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
		color				: #999999;
	}
	td, input, select, textarea, .text {
		font-family 		: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
	}
	img {
		border				: 0;
	}
	a {
		color				: #39b1fd;
	}
	a.visited {
		color				: #39b1fd;
	}
	a.active {
		color				: #bb110b;
	}
	a:hover {
		text-decoration		: none;
	}
	ul {
		list-style-image	: url(images/li.gif);
	}
	h1, h2, h3, h4, ul, form {
		margin-top			: 0px;
		margin-bottom		: 0px;
	}
	hr {
		border				: 1px dotted #666666;
	}

/* Template CSS */
	#title {
		background			: url(images/title_right.gif) no-repeat right;
	}
	#title h1 {
		background			: url(images/title_left.gif) no-repeat left;
		color				: #FFFFFF;
		font-size			: 17px;
		padding				: 9px 0px 11px 25px
	}
	h2 {
		color				: #2774c2;
		font-size			: 17px;
	}
	h3 {
		color				: #FFFFFF;
		font-size			: 12px;
	}
	.mainTable {
		border				: 5px solid #1f1f1f;
		border-top			: 0px
	}
	.contentArea {
		border				: 1px solid #020202;
		background-color	: #111111;
		padding				: 10px 18px 20px 19px;
	}
	small {
		font-size			: 10px;
	}
	.headerLogin {
		width				: 120px;
		height				: 10px;
		font-family			: Arial, Helvetica, Sans-Serif;	
		font-size			: 10px;
		border				: 1px solid #cccccc;
		margin-top			: 2px;
	}

/* Side Navigation CSS */
	#sideNav {
		width				: 200px;
		margin				: 5px 5px 0px 0px;
		border-top			: 1px dotted #676767;
	}
	#sideNav td {
		font-family 		: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 13px;
		color				: #59676f;
		font-weight			: bold;
		border-bottom		: 1px dotted #676767;
	}
	#sideNav a {
		display				: block;
		color				: #59676f;
		text-decoration		: none;
		padding				: 6px 7px 7px 25px;
		background			: #000000 url(images/snav_arrow.gif) no-repeat right;
	}
	#sideNav a span {
		font-size			: 11px;	
		font-weight			: normal;
		color				: #777777;
	}
	#sideNav a:hover {
		color				: #0099ff;
		text-decoration		: none;
		background			: #000000 url(images/snav_arrow_on.gif) no-repeat right;
	}

/* 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;
	}

/* 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;
	}

/* Box Properties */
	.tableBox, #tableLayout, #thumbnailLayout {
		border				: 3px solid #1f1f1f;
		background-color	: #575757;
	}
	.tableBox h3, .morePhotosHeader h3, #tableLayout th, #thumbnailLayout th, .webImage th {
		display				: block;
		color				: #ffffff;
		font-size			: 14px;
		border-bottom		: 3px solid #2774c2;
		background-color	: #000000;
		padding				: 6px 10px 7px 10px;
	}
	.tableBox span {
		color				: #FFFFFF;
		display				: block;
		padding				: 7px 10px 8px 10px;
	}
	.tableBox label {
		width				: 125px;
		float				: left;
		text-align			: right;
		margin-right		: 10px;
		padding-top			: 4px;
		display				: block;
		font-weight			: bold;
	}
	
/* Notifications */
	.notification-yellow {
		/* Yellow - Default version */
		padding				: 10px 10px 10px 10px;
		border				: solid 1px #ffcc33;
		background-color	: #fff4c2;
		font-size			: 11px;
		font-weight			: bold;
		color				: #454545;
		margin-bottom		: 10px;
		display				: block;
	}
	.notification-green {
		padding				: 10px 10px 10px 10px;
		border				: solid 1px #009900;
		background-color	: #ccffcc;
		font-size			: 11px;
		font-weight			: bold;
		color				: #454545;
		margin-bottom		: 10px;
		display				: block;
	}
	.notification-red {
		padding				: 10px 10px 10px 10px;
		border				: solid 1px #cc3333;
		background-color	: #ffcccc;
		font-size			: 11px;
		font-weight			: bold;
		color				: #454545;
		margin-bottom		: 10px;
		display				: block;
	}
	.red {
		font-size			: 10px;
		color				: #ff2222;
		font-weight			: bold;
		text-decoration		: none;
	}
	strong.red {
		font-size			: 11px;
	}
	a.red:hover {
		text-decoration		: underline;
	}
	
/* Profile Main */
	div.profileLinks {
		float				: right;
		position			: relative;
		top					: -35px;
		right				: 0px;
		z-index				: 2;
	}
	div.profileLinks a {
		font-weight			: bold;
	}
	.profileLinks .red {
		font-size			: 11px;
		color				: #ff0000;
		text-decoration		: underline;
	}
	.webImage {
		border				: 3px solid #1f1f1f;
		border-bottom		: 0px;
		background-color	: #000000;
		width				: 100%;
	}
	#profileMain {
		width				: 100%;
		background-color	: #1e1e1e;
	}
	#profileMain div {
		background-color	: #000000;
		border				: 1px solid #000000;
		width				: 715px;
	}
	#stars {
		background			: url(images/stars_bg.png) no-repeat center center;
		width				: 590px;
		height				: 60px;
		margin				: 0px 25px 0px 25px;
		position			: relative;
		top					: 390px;
		display				: table;
		text-align			: center;
	}

/* Profile Information */
	#profileArea {
		width				: 200px;
		margin				: 0px 5px 0px 0px;
		background			: #1f1f1f url(images/title_bg_md.gif) no-repeat top left;
	}
	#profileArea h3 {
		font-family			: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
		margin				: 0px 10px 0px 10px;
		display				: block;
		line-height			: 25px;
	}
	#profileInfo img {
		border				: 6px solid #000000;
		width				: 160px;
		height				: 120px;
		display				: table;
		background-image	: url('images/user_160x120.jpg');
	}
	#profileInfo, #profileSpecs, #profileMods {
		margin				: 0px 3px 3px 3px;
		border				: 1px solid #111111;
		background-color	: #111111;
		display				: table;
		width				: 192px;
	}
	#profileInfo div, #profileSpecs div {
		color				: #2774c2;
		margin				: 7px 9px 7px 9px;
	}
	#profileSpecs b {
		text-transform		: capitalize;
	}
	#profileSpecs b a {
		color				: #2774c2;
		text-decoration		: none;
	}
	#profileSpecs b a:hover {
		text-decoration		: underline;
	}
	#profileMods div, .profileMe {
		font-size			: 10px;
		margin				: 7px 9px 7px 9px;
	}
	.profileMe span {
		color				: #FFFFFF;
	}
	#profileMods h4 {
		color				: #2774c2;
		font-size			: 11px;
	}
	#profileMods b {
		color				: #FFFFFF;
		font-weight			: normal;
	}
	#profileGarage {
		width				: auto;
		margin				: 0px 3px 0px 3px;
	}
	#profileGarage th {
		border-bottom		: 3px solid #1f1f1f;
		background-color	: #111111;
	}
	#profileGarage td {
		border-bottom		: 3px solid #1f1f1f;
		background-color	: #111111;
		padding				: 5px;
		width				: 100%;
		font-size			: 10px;
		color				: #999999;
	}
	#profileGarage td a {
		color				: #2774c2;
		text-decoration		: none;
		font-weight			: bold;
	}
	#profileGarage td b {
		color				: #FFFFFF;
	}
	
/* Profile Thumbnails */
	#profilePhotos {
		width				: 160px;
		background			: #1f1f1f url(images/title_bg_sm.gif) no-repeat top left;
		padding-bottom		: 3px;
		margin-bottom		: 5px;
	}
	#profilePhotos h3 {
		font-family			: Tahoma,Arial,Helvetica,sans-serif;
		font-size			: 11px;
		margin				: 0px 10px 0px 10px;
		display				: block;
		line-height			: 25px;
	}
	#profilePhotos table {
		margin				: 0px 3px 0px 3px;
		border				: 2px solid #111111;
		background-color	: #111111;
	}
	#profilePhotos td a img {
		opacity				: 1;
		filter				: alpha(opacity=100);
	}
	#profilePhotos td a:hover img {
		opacity				: 0.3;
		filter				: alpha(opacity=30);
	}
	
/* Thumbnail Photos */
	.morePhotos, .galleryPhotos {
		width				: 632px;
		background-color	: #1f1f1f;
	}
	.morePhotosHeader {
		border				: 3px solid #1f1f1f;
		background-color	: #000000;
	}
	.morePhotosItem, .galleryPhotosItem {
		width				: 125px;
		background-color	: #575757;
		border				: 3px solid #1f1f1f;
	}
	.morePhotosItem div {
		border				: 1px solid #111111;
		height				: 90px;
		width				: 120px;
		vertical-align		: middle;
	}
	.morePhotosItem img {
		border				: 1px solid #000000;
		display				: table;
		/*
		2/24/2009 - Moved Width/Height to DIV
		height				: 90px;
		width				: 120px;*/
	}
	.morePhotosItem span {
		color				: #FFFFFF;
		display				: block;
		margin				: 5px 10px 5px 10px;
	}
	.galleryPhotosItem {
		width				: 50%;
	}
	
/* Table Layout */
	#tableLayout th, #thumbnailLayout th, .webImage th {
		text-align			: left;
		display				: table-cell;
	}
	#tableLayout td {
		color				: #FFFFFF;
		border-bottom		: 3px solid #2774c2;
	}
	#thumbnailLayout td, .galleryPhotosItem td {
		color				: #FFFFFF;
	}
	#tableLayout td div, #thumbnailLayout td div, .galleryPhotosItem td div {
		border				: 1px solid #111111;
		display				: table;
		height				: 92px;
		width				: 122px;
	}
	#tableLayout td div img, #thumbnailLayout td div img, .galleryPhotosItem td div img {
		border				: 1px solid #000000;
		display				: table;
		height				: 90px;
		width				: 120px;
	}
	#tableLayout small, #thumbnailLayout small, .galleryPhotosItem small {
		color				: #999999;
	}
	#tableLayout div.box, #thumbnailLayout div.box, .galleryPhotosItem div.box {
		padding				: 7px 0px 7px 11px;
		height				: 25px;
		background-color	: #111111;
		display				: block;
		width				: auto;
	}
	#tableLayout div.box a, #thumbnailLayout div.box a, .galleryPhotosItem div.box a, #tableLayout div.box b {
		color				: #2774c2;
		font-size			: 11px;
		text-decoration		: none;
		font-weight			: bold;
		height				: 13px;
		overflow			: hidden;
		display				: block;
	}
	#tableLayout span, #thumbnailLayout span, .galleryPhotosItem span {
		padding				: 5px 10px 5px 10px;
		display				: block;
	}
	
/* PopUp */
	#zoomImage {
		background-color	: #000000;
		margin				: 3px;
		font-family 		: Tahoma,Arial,Helvetica,sans-serif;
		color				: #FFFFFF;	
	}
	.caption {
		position			: relative;
		top					: -50px;
		z-index				: 2;
	}
	.caption div {
		background			: url(images/zoom_image_caption.png);
		display				: block;
		padding				: 5px 15px 5px 15px;
		width				: auto;
		height				: 50px;
		text-align			: center;
		vertical-align		: middle;
	}

/* Text Navigation */
	.textNav {
		font-size			: 10px;
		margin-top			: 13px;
	}
	.textNav a {
		color				: #1f1f1f;
		text-decoration		: none;
		margin-left			: 25px;
	}
	.textNav a:hover {
		color				: #c2cbd1;
		text-decoration		: underline;
	}
	
	.disclaimer {
		width				: 100%;
		display				: block;
		text-align			: center;
		clear				: bothl;
	}

/* jQuery Cycle CSS */
/* Ride Detail Page */
	.ridePics { 
		height:  480px; 
		width:   640px; 
		padding: 0; 
		margin:  0; 
	}

	.ridePics img { 
		padding: 0px; 
		/* width:  640px; */
		/* height: 480px; */
		margin: auto;
		/* top:  0; */
		/* left: 0; */
	}

	#picNav {
		width					: 640px;
		margin					: 0px;
		padding					: 0px;
	}

	#picNav li {
		display					: inline;
	}
	
	
#MessageBtns { list-style-type: none; padding: 0; margin: 10px 0 0 0; height: 21px; }
#MessageBtns li { float: left; }
#MessageBtns a { text-decoration: none; text-transform: uppercase; font-weight: 900; diaplay: block; background-color: #000; border: 3px solid #1f1f1f; border-width: 3px 3px 0 0;color: #999; padding: 7px 20px 8px 20px; }#MessageBtns .Selected a { background-color: #1f1f1f; }
#MessageBtns a:hover { color: #39b1fd; }