@import url("/styles/global.css");
@import url("/styles/navigation.css");

@media screen, projection {

/* BANNER: =bannerContainer
----------------------------------------------- */	
	#bannerContainer	{ height: 90px; background: #114C90 url(../images/banner-background-support.jpg) repeat-x; }
	#bannerContent		{ width: 798px; height: 90px; background: transparent url(../images/support-banner-texture-blue.jpg) no-repeat bottom; }
	#bannerContent h2	{ font-size: 26px; color: #FFFFFF; padding: 35px 0 0 0; }
	
/* CONTENT: =mainContent
----------------------------------------------- */
	#mainContent	{ width: 780px; padding: 42px 0 26px 0;  }
	#mainContentHome	{ width: 950px; padding: 42px 0 26px 0;  }
	
	#mainContent h2		{ padding: 0 20px 0 20px; font-weight: bold; font-size: 18px; color: #EA141C; }
	#mainContent p			{ padding: 10px 20px 20px 20px; color: #000000; }
	#mainContent ol		{ padding: 0 20px 0 20px; }
	#mainContent ol li		{ padding: 0 0 10px 0; }
	#mainContent ol li ul li	{ padding: 5px 0 0 10px; list-style-type: none; }
	
	#mainContent p a		{ color: #03366D; }
	
	#leftContent			{ width: 640px; margin: 0 0 0 30px; float: left; }
	#leftContentHome		{ width: 470px; margin: 0 0 0 0; float: left; }
	#leftContent table 		{ margin-left: 0 !important; }
	#rightContent			{ width: 200px; float: left; clear: right; }
	#rightContentHome		{ width: 300px; float: left; clear: right; }
	
	.flashVideo			{ margin: 20px 0 40px 0; }
	
/* PRODUCTS: =locationProducts
----------------------------------------------- */
	#locationProducts img	{ padding: 0 0 0 20px; }
	#locationProducts #leftContent li	{ list-style-type: none !important; }
	#locationProducts #leftContent li ul	{ padding: 0 0 50px 20px; }
	#locationProducts #leftContent p	{ padding: 30px 0 50px 20px; }
	
	#locationProducts #leftContent #logoClabar,
	#locationProducts #leftContent #logoClabar span		{ background: url(/images/logo-clabar.jpg) no-repeat; width: 332px; height: 100px; float: left; padding: 0 0 20px 0; }
	
	#locationProducts #leftContent #logoMetal,
	#locationProducts #leftContent #logoMetal span		{ background: url(/images/logo-metal.jpg) no-repeat; width: 305px; height: 84px; float: left; padding: 0 0 20px 0; }
	
	#locationProducts #leftContent #logoTire,
	#locationProducts #leftContent #logoTire span		{ background: url(/images/logo-tire.jpg) no-repeat; width: 322px; height: 93px; float: left; padding: 0 0 20px 0; }
	
	#locationProducts #leftContent #logoBug,
	#locationProducts #leftContent #logoBug span		{ background: url(/images/logo-bugbuster.jpg) no-repeat; width: 306px; height: 88px; float: left; padding: 0 0 20px 0; }
	
	#locationProducts #leftContent #logoLeather,
	#locationProducts #leftContent #logoLeather span	{ background: url(/images/logo-leather.jpg) no-repeat; width: 324px; height: 89px; float: left; padding: 0 0 20px 0; }
	
/* OLD CONTENT
/* DISTRIBUTORSHIP: =locationDistributorship
-----------------------------------------------
	#locationDistributorship #leftContent li	{ list-style-type: none !important; }
	#locationDistributorship #leftContent li ul	{ padding: 0 0 50px 20px; }
	
	#locationDistributorship #leftContent h3			{ padding: 20px 0 0 20px; }
	
	#locationDistributorship #leftContent img			{ border: none; }
	#locationDistributorship #leftContent .imageStarted	{ padding: 0 0 20px 20px; }
	#locationDistributorship #leftContent .imagePlan		{ padding: 0 0 30px 0; }
----------------------------------------------- */

/* DISTRIBUTORSHIP: =locationDistributorship
-----------------------------------------------*/
	#locationDistributorship #leftContent img	{ border: none; padding: 20px 0 20px 0; }
	
	#locationDistributorship #leftContent p#compensation	{ background: url(../images/compensation.jpg) no-repeat; text-indent: -9999px; }
	
	#locationDistributorship #leftContent #stepOne		{ background: url(../images/step1.jpg) no-repeat; text-indent: -9999px; }
	#locationDistributorship #leftContent #stepTwo		{ background: url(../images/step2.jpg) no-repeat; text-indent: -9999px; }
	
	#locationDistributorship #leftContent #stepThree		{ text-indent: -9999px; height: 1px; line-height: 0px; }
	
/* FUEL REBATE: =fuel
----------------------------------------------- */
	#locationFuel #leftContent #fuelImage,
	#locationFuel #leftContent #fuelImage span	{ background: url(../images/rebate-header.jpg) no-repeat; width: 473px; height: 227px; padding: 0 0 30px 20px; }

/* ENVIRONMENT: =environment
----------------------------------------------- */
	#locationEnvironment #leftContent ul			{ padding: 0 0 30px; }
	#locationEnvironment #leftContent li			{ list-style-type: none; background: url(../images/arrow-blue-li.gif) no-repeat 20px 6px; line-height: 18px; padding: 0 0 0 35px; }
	#locationEnvironment #leftContent li a			{ color: #114C90; text-decoration: none; }
	#locationEnvironment #leftContent li a:hover		{ color: #EC141C; text-decoration: none; }
	
/* BENEFITS: =benefits
----------------------------------------------- */
	#locationBenefits #leftContent ul			{ padding: 0 0 30px; }
	#locationBenefits #leftContent li			{ list-style-type: none; background: url(../images/arrow-blue-li.gif) no-repeat 20px 6px; line-height: 18px; padding: 0 0 0 35px; }
	#locationBenefits #leftContent li a		{ color: #114C90; text-decoration: none; }
	#locationBenefits #leftContent li a:hover	{ color: #EC141C; text-decoration: none; }
	
/* TESTIMONIALS: =testimonials
----------------------------------------------- */
	#locationTestimonials #leftContent p { padding: 0 20px 10px 20px !important; }
	#locationTestimonials #leftContent p.name { font-weight: bold; color: #EA141C; padding: 0 0 30px 20px !important; }
	
	#locationTestimonials #leftContent p.bottomEnd	{ padding: 0 0 40px 20px !important; }
	
/* CONTACT: =locationContact
----------------------------------------------- */
	#locationContact #leftContent		{ padding: 0 0 10px 20px !important; }

	#locationContact #leftContent ul	{ padding: 0 0 10px 20px; }
	#locationContact #leftContent li	{ color: #EA141C; line-height: 18px; }
	#locationContact #leftContent p	{ padding: 0 0 10px 20px !important; }
	
	#locationContact #leftContent input,
	#locationContact #leftContent textarea	{ margin: 0 0 30px 20px; padding: 6px 10px 6px 6px; border: 1px solid #114C90; background: #EBE9E9; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; }
	#locationContact #leftContent .textField		{ width: 300px; }
	#locationContact #leftContent input.submitForm	{ border: none !important; background: none !important; }
	
/* STORE: =locationStore
----------------------------------------------- */
/*
	#locationStore #leftContent p		{ padding: 0 0 10px 20px !important; }
	
	#locationStore #leftContent input	{ margin: 0 0 10px 20px; padding: 6px 10px 6px 6px; border: 1px solid #114C90; background: #EBE9E9; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; }
	#locationStore #leftContent .textField	{ width: 300px; }
	#locationStore #leftContent input.submitForm	{ border: none !important; background: none !important; }
*/	

/* SITEMAP: =sitemap
----------------------------------------------- */
	#locationSitemap #leftContent ul			{ padding: 0 0 30px 20px; }
	#locationSitemap #leftContent ul li			{ list-style-type: none; background: url(../images/arrow-blue-li.gif) no-repeat 0px 13px; line-height: 30px; font-weight: bold; padding: 0 0 0 15px; }
	#locationSitemap #leftContent ul li a		{ color: #114C90; text-decoration: none; }
	#locationSitemap #leftContent ul li a:hover	{ text-decoration: underline; }
	
/* INFO WIDGET: =widgetInfo
----------------------------------------------- */
	#widgetInfo				{ background: url(../images/widget-info-background.jpg) no-repeat; width: 200px; height: 150px; margin: 0 0 20px 0; }
	
	#widgetInfo	li			{ list-style-type: none; padding: 0 0 0 25px; line-height: 49px; background: url(../images/widget-arrow-off.gif) no-repeat 10px 23px; }
	#widgetInfo	li a		{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
	#widgetInfo	li a:hover	{ color: #FFF601; text-decoration: none; }
	
	#locationAbout #widgetInfo ul li.infoAbout				{ background: transparent url(../images/widget-arrow-on.gif) no-repeat 10px 23px; }
	#locationAbout #widgetInfo ul li.infoAbout a			{ color: #FFF601; font-weight: bold; text-decoration: none; }
	#locationAbout #widgetInfo ul li.infoAbout a:hover		{ color: #FFF601; text-decoration: none; }
	
	#locationProducts #widgetInfo ul li.infoProducts			{ background: transparent url(../images/widget-arrow-on.gif) no-repeat 10px 23px; }
	#locationProducts #widgetInfo ul li.infoProducts a			{ color: #FFF601; font-weight: bold; text-decoration: none; }
	#locationProducts #widgetInfo ul li.infoProducts a:hover	{ color: #FFF601; text-decoration: none; }

	#locationDistributorship #widgetInfo ul li.infoDistributor				{ background: transparent url(../images/widget-arrow-on.gif) no-repeat 10px 23px; }
	#locationDistributorship #widgetInfo ul li.infoDistributor a			{ color: #FFF601; font-weight: bold; text-decoration: none; }
	#locationDistributorship #widgetInfo ul li.infoDistributor a:hover		{ color: #FFF601; text-decoration: none; }
	
/* GUARANTEE WIDGET: =widgetGuarantee
----------------------------------------------- */
	#widgetGuarantee h2,
	#widgetGuarantee span	{ background: url(../images/guarantee.jpg) no-repeat; width: 200px; height: 71px; margin: 0 0 30px 0; }
	
/* CONTACT WIDGET: =widgetContact
----------------------------------------------- */
	#widgetContact		{ background: #F7F6F6; padding: 20px 0 20px 0; margin: 0 0 20px 0; }
	
	#widgetContact h2,
	#widgetContact h3,
	#widgetContact p	{ padding: 0 0 3px 20px !important; }

}