﻿@charset "utf-8";
/* LPI Racing Homepage */

/*General Styles*/
* { padding: 0; margin: 0 }
a { color: #0066ff }
a:visited { color: #0066ff }
a:hover { color: #ec1b21 }
a:active { color: #666 }

img { border: 0 }

/*page layout styles*/
div.container { width: 995px; margin: 0 auto; background-color: #fff }
.left { float:left }
.right { float:right }
.center { text-align:center }
.clear { clear:both }
.italics { font-style: italic }
.bold { font-weight:bold }
.pad10 { padding: 10px }
.text12 { font-size: 12px }




/*header styles*/
div.header { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #000 }
div.logo { float:left }
div.cars { float:left }
div.addressLine { clear:both; background-image:url(images/web/address-phone.jpg); width:683px; height: 30px; background-repeat:no-repeat }
div.addressLine ul { list-style-type: none; font-size: 12px; font-weight:bold; padding: 10px 0 0 }
div.addressLine ul li { display:inline; padding: 0 22px 0 }
div.headerLeft { float:left; width:683px; }
div.headerRight {float:right; width: 312px }
div.hours { background-image:url(images/web/hours-bg.jpg); background-repeat:no-repeat;; width:312px; height:43px; }
div.hours p { font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; font-size: 14px; padding: 20px 10px 0 }
div.searchBox { width: 312px }
td.searchInput { background-image:url(images/web/search-box.jpg); background-repeat: no-repeat; width:234px}
td.searchInput input { width:213px; height:26px; background-color: #fff; border: 1px solid #999 }
td.searchOptions { background-image:url(images/web/search-bottom.jpg); width:312px; height:20px; background-repeat:no-repeat }
td.searchOptions p { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; text-decoration:underline; padding: 3px 3px 0; text-align:center }
div.emailHeader { background-image:url(images/web/email.jpg); background-repeat:no-repeat; width:197px; height:50px; float:left }
div.emailHeader p { font-size: 12px; margin: 30px 0 0; text-align:center; font-weight:bold }
div.socialMediaHeader { float:right }

/*top navigation styles*/
div.topNavigation { clear:both; height: 38px }
div.topNavigation ul{ list-style-type: none }
div.topNavigation ul li{ display:inline; padding: 0; margin: 0 }
.leftPlaceNav { width:269px; height: 38px; background-repeat:no-repeat }

/*left navigation styles */
div.leftNav { width: 220px; float:left; font-family: Arial, Helvetica, sans-serif }
div.storeNavigation { background-image: url(images/web/nav-bg.jpg); padding: 0; margin: 0; font-size: 14px; width:220px }
div.storeNavigation ul { list-style-type: none; padding: 0; }
div.storeNavigation li { padding: 1px 2px 1px 20px }
div.storeNavigation li.navFirstTop { background-image:url(images/web/nav-top.jpg); background-repeat: no-repeat; height:20px; color: #fff; font-weight:bold; padding: 8px 0 0 20px }
div.storeNavigation li.categoryTop { background-image:url(images/web/nav-header.jpg); background-repeat: no-repeat; height:20px; color: #fff; font-weight:bold; padding: 5px 0 0 20px; margin: 5px 0 0 }
div.storeNavigation li.navBottom { background-image: url(images/web/nav-bottom.jpg); background-repeat:no-repeat; height: 14px; width: 220px; margin: 0; padding: 0 }
div.extraLinks { background-image: url(images/web/nav-bg.jpg); padding: 0; margin: 0; font-size: 14px; width:220px }
div.extraLinks a { color: #666 }
div.extraLinks a:hover { color: #ec1b21 }
div.extraLinks ul { list-style-type: none; padding: 0; }
div.extraLinks li { padding: 2px 5px 2px 20px }
div.extraLinks li.navFirstTop { background-image:url(images/web/nav-top.jpg); background-repeat: no-repeat; height:20px; color: #fff; font-weight:bold; padding: 8px 0 0 20px }
div.extraLinks li.categoryTop { background-image:url(images/web/nav-header.jpg); background-repeat: no-repeat; height:20px; color: #fff; font-weight:bold; padding: 5px 0 0 20px; margin: 5px 0 0 }
div.extraLinks li.navBottom { background-image: url(images/web/nav-bottom.jpg); background-repeat:no-repeat; height: 14px; width: 220px; margin: 0; padding: 0 }

/* page content container */
div.pageContent { float: right; font-family: Tahoma, Geneva, sans-serif; line-height: 1.3; width: 760px; padding: 0 7px 0 0 }
div.pageContent p.homepageText { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; padding: 10px }
div.row1 { width: 100%; clear:both; }
div.row2 { clear:both;  }
div.contentBox { width: 378px; height: 382px; background-image:url(images/web/homebox.jpg); background-repeat: no-repeat; background-position:top} 
div.contentBox h1 { color: #ec1b21; font-weight: bold; font-size: 17px; padding: 10px 5px; text-align:center }
div.contentBox h2 { color: #ec1b21; font-weight: bold; font-size: 12px; padding: 0 5px 10px; text-align:center }
div.contentBox p { font-size: 14px; color: #333; padding: 5px 10px }
div.contentBox table { width: 90%; margin: 5px auto; text-align:center; font-size: 14px }

/*footer styles*/
div.footer { width: 750px; clear:both }
div.footer p { font-size: 12px; font-family: arial; color: #333; text-align:center }
div.footer a { color: #333 }
div.footer a:hover { color: #ec1b21 }
div.footerLinks { width: 755px; margin: 5px 0; padding: 7px 0; background-color: #666; text-align:center }
div.footerLinks ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; color: #fff }
div.footerLinks ul li { display: inline }
div.footerLinks a { color: #fff }

/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
	/* Define the wrapper and the three columns: */
	
		#pcMainArea {
	width: 975px;
	margin-left: 5pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
		}
	
		#pcLeft {
	width: 220px;
	text-align: left;
	vertical-align: top;
		}
	
		#pcCenter {
	width: 740px;
	padding: 0px 0px 10px 5px;
	text-align: left;
	vertical-align: top;
		}
	
		#pcRight {
	width: inherit;
	text-align: right;
	vertical-align: top;
		}
		
/* End old main styles */

#pcMain.viewcategories {
	position: relative;
	padding-top: 80px;
}

#makemodeldroplist {
	position: absolute;
	top:10px;
	font-size: 14px;

}
#makemodeldroplist select {
	margin: 10px 8px 0 0;
	padding: 0;
	font-size: 12px;
	width:150px;
}
#makemodeldroplist option {
	padding: 0 5px;
}

#makemodeldroplist h3 {
	color: #BF0000;
	font-size: 12px;
}



