@charset "utf-8";

/* CSS Document */

	body{ 
			margin: 0px 0px 0px 0px; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 8pt; 
			background: url(../images/back-body.png) 0px 116px repeat; color: #333;
			 }
		

	img{ border: 0px; }

	h1, h2, h3, h4{ display: inline; margin: 0px; padding: 0px; }

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

	a{ text-decoration: none; color: #CB0000; }

		a:hover{ color: #333; }

	.clearfix{ display: inline-block; }

	.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

	html[xmlns] .clearfix{ display: block; }

	* html .clearfix{ height: 1%; }

	.bg_btm{ background: url(../images/bg-btm.jpg) center bottom repeat-x; width: 100%; }

	.main_container{ width: 990px; margin: auto; }

/* Header */

	.header{ background: url(../images/header/bg.jpg) no-repeat; width: 990px; height: 444px; position: relative; }

		.header big{ background: url(../images/header/logo.png) no-repeat; width: 374px; height: 75px; display: block; position: absolute; margin: 26px 0px 0px 12px; text-indent: -999em; overflow: hidden; }

		.header cite{ position: absolute; margin: 56px 0px 0px 450px; color: #93918F; font-size: 11pt; font-style: normal; font-weight: bold; }

		.header dl, .header form .cart{ background: url(../images/header/language-cart-bg.png) no-repeat; width: 124px; height: 27px; display: block; position: absolute; padding: 0px; margin: 51px 0px 0px 841px; }

			.header dl dt:first-child{ margin-left: 36px; }

			.header dl dt{ width: auto; float: left; margin-left: 5px; }

				.header dl dt a{ background: url(../images/header/spanish-flag.png) no-repeat;  width: 25px; height: 14px; display: block; margin: 6px 0px 0px 0px; text-indent: -999em; overflow: hidden; }

					.header dl dt a[title="English"]{ background: url(../images/header/american-flag.png) no-repeat; }

					.header dl dt a[title="Español"]{ background: url(../images/header/spanish-flag.png) no-repeat; }

		.header form{ width: auto; }

			.header form fieldset{ border: none; position: absolute; }

				.header form .cart{ width: 124px; height: 24px; margin: 51px 0px 0px 709px; color: #93918F; font-size: 11pt; font-weight: bold; padding-top: 3px; }

					.header form .cart a{ margin-left: 30px; color: #93918F; }

						.header form .cart a:hover{ color: #AF0000; }

					.header form .cart label{ width: auto; position: absolute; padding: 0px; left: 0px; margin: 1px 0px 0px 95px; }

				.header form .search{ width: 250px; height: 26px; display: block; margin: 390px 0px 0px 680px; }

					.header form .search label{ width: 120px; position: absolute; padding: 0px; left: 0px; margin: 2px 0px 0px 0px; color: #93918F; font-size: 11pt; font-weight: bold; }

					.header form .search select{ width: 120px; height: 20px; position: absolute; padding: 0px; left: 0px; margin: 0px 0px 0px 130px; color: #333; }

		.header p{ width: 270px; position: absolute; margin: 103px 0px 0px 705px; color: #999; }

			.header p br{ display: none; }

			.header p strong{ width: 270px; display: inline-block; font-weight: normal; font-size: 14.5pt; color: #FFF; text-align: center; margin-bottom: 10px; }

			.header p span{ color: #CB0000; }

			.header p a[title="Email Us"]{ color: #CB0000; }

				.header p a[title="Email Us"]:hover{ text-decoration: underline; }

			.header p a[title="Shop Now"]{ background: url(../images/header/shop-now.png) no-repeat; width: 202px; height: 73px; display: block; margin-left: 33px; color: #FFF; font-size: 17pt; font-weight: bold; padding: 15px 0px 0px 15px; text-transform: uppercase; margin-top: 10px; }

				.header p a[title="Shop Now"]:hover{ color: #000; }

		.header ul{ position: absolute; padding: 0px; margin: 382px 0px 0px 40px; list-style: none; }

			.header ul li{ background: url(../images/header/spacer.png) left top no-repeat; width: auto; float: left; }

				.header ul li a{ width: auto; height: 35px; display: block; padding: 10px 20px 0px; margin: 0px 1px 0px 4px; color: #93918F; font-size: 13.5pt; }

					.header ul li a:hover{ color: #AF0000; }

/* Content */

	.content{ background: #EFEFEF; width: 988px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }

		.content hr{ display: none; }

		.content .top_curve{ background: url(../images/content/main/top-curve.jpg) no-repeat; width: 988px; height: 8px; display: block; }

		.content .btm_curve{ background: url(../images/content/main/btm-curve.jpg) no-repeat; width: 988px; height: 17px; display: block; }

	/* Main Content */

		.content .main, .content .products{ background: url(../images/content/main/bg.jpg) #FBFFFF center bottom no-repeat; width: 979px; display: block; border-left: 1px solid #919191; border-right: 1px solid #919191; margin-left: 4px; }

			.content .main h1{ width: 959px; display: block; padding-bottom: 5px; margin: 0px 10px; font-size: 16pt; border-bottom: 1px solid #DDD; }

			.content .main p{ width: 939px; display: block; padding: 10px 0px; margin: 0px 20px; }

	/* Products */

		.content .products{ width: 979px; }

			.content .products dl{ width: 184px; float: left; padding: 0px; margin: 0px 0px 0px 10px; }

				.content .products dl dd{ margin: 5px 4px 5px 0px; }

					.content .products dl dd a{ background: url(../images/content/main/dot.jpg) 0px 5px no-repeat; width: 174px; padding-left: 6px; color: #333; }

						.content .products dl dd a:hover{ color: #CB0000; }

	/* Services */

		.content .miscellaneous{ width: 988px; height: 265px; }

			.content .miscellaneous a[title="Read More..."]{ background: url(../images/content/services/read-more.png) no-repeat; width: 125px; height: 24px; display: block; text-align: center; color: #C5C5C5; padding-top: 10px; }

				.content .miscellaneous a[title="Read More..."]:hover{ color: #FFFBFF; }

			.content .miscellaneous dl{ width: 320px; height: 250px; display: block; float: left; padding: 0px; margin: 0px; }

				.content .miscellaneous dl dt a{ color: #BEBEBE; }

					.content .miscellaneous dl dt a:hover{ color: #000; }

				.content .miscellaneous .new_products{ background: url(../images/content/services/new-products-bg.png) no-repeat; margin-left: 4px; }

					.content .miscellaneous .new_products br{ display: none; }

					.content .miscellaneous .new_products dt{ background: url(../images/content/services/new-products-title-bg.png) no-repeat; width: 160px; height: 32px; display: block; margin: 105px 0px 0px 6px; font-size: 12pt; font-weight: bold; padding: 10px 0px 0px 35px; }

					.content .miscellaneous .new_products dd{ padding: 0px; margin: 0px; }

						.content .miscellaneous .new_products dd p{ width: 320px; }

							.content .miscellaneous .new_products dd p strong{ width: 142px; display: inline-block; color: #000; font-size: 11pt; position: absolute; margin: 15px 0px 0px 6px; }

							.content .miscellaneous .new_products dd p span{ width: 300px; display: inline-block; position: absolute; margin: 2px 0px 0px 10px; }

							.content .miscellaneous .new_products dd p a[title="Read More..."]{ position: absolute; margin: 60px 0px 0px 185px; }

				.content .miscellaneous .specials{ background: url(../images/content/services/specials-bg.png) no-repeat; margin-left: 10px; }

					/* .content .miscellaneous .specials br{ display: none; } */

					.content .miscellaneous .specials dt{ width: 230px; display: block; margin: 125px 0px 5px 6px; font-size: 11pt; font-weight: bold; color: #E5E4E2; }

					.content .miscellaneous .specials dd{ padding: 0px; margin: 0px; }

						.content .miscellaneous .specials dd p{ width: 308px; margin: 0px 6px; color: #FFF; }

							.content .miscellaneous .specials dd p a[title="Read More..."]{ margin: 5px 0px 0px 180px; }

				.content .miscellaneous .our_company{ background: url(../images/content/services/our-company-bg.png) no-repeat; margin-left: 11px; }

					.content .miscellaneous .our_company dt{ width: 210px; display: block; margin: 125px 0px 0px 100px; font-size: 8pt; font-weight: bold; }

					.content .miscellaneous .our_company dd{ padding: 0px; margin: 0px 0px 0px 100px; }

						.content .miscellaneous .specials dd p{ width: 308px; margin: 0px 6px; color: #FFF; }

							.content .miscellaneous .our_company dd p a{ color: #333; }

							.content .miscellaneous .our_company dd p a:hover{ text-decoration: underline; }

/* Footer */

	.footer{ background: url(../images/footer/bg.png) no-repeat; width: 990px; height: 219px; }

		.footer p{ width: auto; position: absolute; margin: 15px 0px 0px 27px; color: #CCC; }

			.footer p a{ color: #CCC; }

				.footer p a:hover{ color: #FFF; }

		.footer dl{ position: absolute; margin: 7px 0px 0px 673px; }

			.footer dl dt{ width: auto; float: left; }

				.footer dl dt a{ display: block; }

					.footer dl dt a[title="O & J Performance"]{ background: url(../images/footer/logo.png) no-repeat; width: 178px; height: 36px; text-indent: -999em; overflow: hidden; }

					.footer dl dt a[title="Shop Now"]{ background: url(../images/footer/shop-now.png) no-repeat; width: 103px; height: 24px; margin: 4px 0px 0px 10px; color: #FFF; font-size: 10.5pt; font-weight: bold; padding: 6px 0px 0px 3px; }

						.footer dl dt a[title="Shop Now"]:hover{ color: #000; }

		.footer ul{ position: absolute; padding: 0px; margin: 105px 0px 0px 0px; list-style: none; }

			.footer ul li{ width: auto; float: left; margin-left: 10px; }

				.footer ul li a{ display: block; text-indent: -999em; overflow: hidden; }

					.footer ul li a[title="My Space"]{ background: url(../images/footer/myspace.png) no-repeat; width: 141px; height: 29px; margin-top: 12px; }

					.footer ul li a[title="Bullseye Power"]{ background: url(../images/footer/bullseye.png) no-repeat; width: 123px; height: 56px; }

					.footer ul li a[title="Facebook"]{ background: url(../images/footer/facebook.png) no-repeat; width: 100px; height: 31px; margin-top: 12px; }

					.footer ul li a[title="Garrett"]{ background: url(../images/footer/garrett.png) no-repeat; width: 84px; height: 38px; margin-top: 9px; }

					.footer ul li a[title="Twitter"]{ background: url(../images/footer/twitter.png) no-repeat; width: 92px; height: 17px; margin-top: 20px; }

		.footer cite{ background: url(../images/footer/credit-cards.png) no-repeat; width: 206px; /* 162px */ height: 24px; display: block; position: absolute; margin: 120px 0px 0px 774px; /* margin: 120px 0px 0px 818px; */ text-indent: -999em; }

		.footer address{ width: 320px; display: block; position: absolute; margin: 19px 0px 0px 350px; font-size: 9pt; font-style: normal; font-weight: bold; color: #FFF; }

			.footer address br{ display: none; }

			.footer address a{ color: #FFF; }

				.footer address a:hover{ color: #CCC; }

		.footer h5{ width: 390px; display: block; position: absolute; margin: 61px 0px 0px 20px; font-size: 8pt; font-weight: normal; }

		.footer small{ width: 460px; display: block; position: absolute; margin: 61px 0px 0px 490px; font-size: 8pt; text-align: center; }

/* Shopping Cart */

	.Star{ color: #F00; }

	.search_sort{ text-align: right; }

		.search_sort a{ width: auto; display: inline-block; margin: 0px 0px 0px 5px; }

		.search_sort strong{ color: #333; }

	.Button{ background: url(../images/cart-buttons/read-more-main.png) repeat-x; padding: 0px 5px; vertical-align: middle; white-space: nowrap; cursor: pointer; color: #C5C5C5; }

		.Button:hover{ color: #FFFBFF; }

/* JQuery */

	#pager{ min-height: 200px; display: block; padding: 10px 0px; }

	.floatedcontainer{ width: 150px; /* 130px */ float: left; margin-left: 5px; /* 28px */ }

	.floatedcontainer:first-child{ margin-left: 12px; }

	.thickbox{ width: 134px; display: block; text-align: center; }

		.thickbox img{ display: inline-block; }

		.thickbox span{ width: 134px; display: inline-block; text-align: center; }

	.nav{ width: 500px; display: block; margin: 20px auto auto; text-align: center; }

		.nav a:first-child{ margin-left: 0px; }

		.nav a{ padding: 0px 5px; margin-left: 5px; color: #666; font-weight: bold; }

			.nav a:hover{ text-decoration: underline; }



	.center { text-align: center !important; }

	.noticeable-text { font-size: 14px; font-weight: bold; }

	

/* Content Additions */

#Contents_List { list-style-type: none; margin: 0; padding: 10px; }

	#Contents_List li { margin: 0px 0px 0px 0px; border-top: 1px #EFEFEF solid !important; padding: 10px 10px 0px 10px !important; }

	#Contents_List li:first-child {  border-top: 0px !important; }

	#Contents_List li div.image-container { float: left; width: 210px; }

		#Contents_List li div.image-container img { border: 1px #EFEFEF solid; margin: 0px 0px 10px 0px; }

	#Contents_List li div.list-content { float: left; width: 720px; text-align: justify; }

		#Contents_List li div.list-content p { width: auto !important; margin: 0 !important; padding: 0px 0px 10px 0px !important; font-size: 11px; line-height: 1.4; }

	#Contents_List a { outline: none; }

		#Contents_List li ul { margin: 0px 20px 0px 20px !important; padding: 5px 20px 5px 20px !important; list-style-type: disc; }

		#Contents_List li ul li { margin: 0; padding: 2px 0px !important; border: none !important; }

	#Contents_List h4 { font-size: 12px; padding: 0; margin: 0; }

	#Contents_List table { padding: 0; margin: 0px 0px 10px 0px; border-collapse: collapse; border: 3px #EFEFEF double; }

	#Contents_List table td { padding: 0; margin: 0; border: 3px #EFEFEF double; vertical-align: top; }



#sitelock-verified { width: 99px; height: 50px; overflow: hidden; position: absolute; left: 540px; top: 375px; }

#footer-sitelock { width: 99px; height: 50px; overflow: hidden; position: absolute; margin: 107px 0 0 629px; }