body {
	padding: 0px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-family: verdana, arial, sans-serif; 
	font-size: 11px;
}
hr {
	border: 0;
	width: 95%;
	color: #666666;
	text-align:left;
	background-color: #666666;
	height: 1px;
}
#headcontainer {
	padding: 0px;
	margin: 0 auto 0 auto;
	width: 1003px;
	height: 90px;
}

#head1 {
	padding: 0px;
	margin: 0 auto 0 auto;
	background: transparent;
	width: 980px;
	height: 90px;
}

#menu {	
	width: 1003px; /* precision for Opera */
	height: 23px;	
	position:absolute; 
	left:50%; 
	margin: auto auto auto -502px;
	color: #000000;
	font-family: verdana, arial, sans-serif; 
	font-size: 10px;
	z-index: 100;
}

#bar1{
	position: absolute; 
	display: block;
	width: 26px;
	height: 23px;
	left: 0px;
	z-index: 100;
	background: url("images/button1.png") no-repeat 0 0;
}

#bar2{
	position: absolute; 
	display: block;
	width: 27px;
	height: 23px;
	left: 976px;
	z-index: 100;
	background: url("images/button2.png") no-repeat 0 0;
}

/*------------------------------------------------------------BUTTONS---------------------------------------------------------------*/

#buttons { 
	padding: 0px;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 980px;
	height: 21px;
}

#welcome
{
	position: absolute; 
	display: block;
	width: 98px;
	height: 23px;
	left: 27px;
	z-index: 100;
	background: url("images/welcomemerged.png") no-repeat 0 0;
}

#welcome:hover
{ 
	background-position: 0 -23px;
}

#welcome span
{
	display: none;
}

#profile
{
	position: absolute; 
	display: block;
	width: 96px;
	height: 23px;
	left: 125px;
	z-index: 100;
	background: url("images/profilemerged.png") no-repeat 0 0;
}

#profile:hover
{ 
	background-position: 0 -23px;
}

#profile span
{
	display: none;
}

#product
{
	position: absolute; 
	display: block;
	width: 129px;
	height: 23px;
	left: 221px;
	z-index: 100;
	background: url("images/productmerged.png") no-repeat 0 0;
}

#product:hover
{ 
	background-position: 0 -23px;
}

#product span
{
	display: none;
}

#padsearchbtn
{
	position: absolute; 
	display: block;
	width: 98px;
	height: 23px;
	left: 348px;
	z-index: 100;
	background: url("images/padsearchbtn.png") no-repeat 0 0;
}

#padsearchbtn:hover
{ 
	background-position: 0 -23px;
}

#padsearchbtn span
{
	display: none;
}

#clutchsearchbtn
{
	position: absolute; 
	display: block;
	width: 114px;
	height: 23px;
	left: 446px;
	z-index: 100;
	background: url("images/clutch_search_btn.png") no-repeat 0 0;
}

#clutchsearchbtn:hover
{ 
	background-position: 0 -23px;
}

#clutchsearchbtn span
{
	display: none;
}

#dealer
{
	position: absolute; 
	display: block;
	width: 138px;
	height: 23px;
	left: 560px;
	z-index: 100;
	background: url("images/dealermerged.png") no-repeat 0 0;
}

#dealer:hover
{ 
	background-position: 0 -23px;
}

#dealer span
{
	display: none;
}

#news
{
	position: absolute; 
	display: block;
	width: 84px;
	height: 23px;
	left: 698px;
	z-index: 100;
	background: url("images/newsmerged.png") no-repeat 0 0;
}

#news:hover
{ 
	background-position: 0 -23px;
}

#news span
{
	display: none;
}

#links
{
	position: absolute; 
	display: block;
	width: 85px;
	height: 23px;
	left: 782px;
	z-index: 100;
	background: url("images/linksmerged.png") no-repeat 0 0;
}

#links:hover
{ 
	background-position: 0 -23px;
}

#links span
{
	display: none;
}

#contact
{
	position: absolute; 
	display: block;
	width: 108px;
	height: 23px;
	left: 867px;
	z-index: 100;
	background: url("images/contactmerged.png") no-repeat 0 0;
}

#contact:hover
{ 
	background-position: 0 -23px;
}

#contact span
{
	display: none;
}



/*--------------------------------------------------------DROP DOWN MENU-----------------------------------------------------------*/



#boxdesign{
	position:absolute; 
	left:50%; 
	margin: 10px auto auto -290px;
	background: transparent url('images/popdown.png') no-repeat;
	text-align: center;
	width: 321px;
	height: 225px;
	z-index: -1;
}

#smenu2{
display: none;
}
#smenu8{
display: none;
}

#boxcontent{
	padding: 0px;
	margin: -10px auto 0 25px;
	text-align: left;
	font-family: verdana, arial, sans-serif; 
	font-size: 10px;
	text-decoration: none;
	line-height: 200%;
	text-decoration: none;
}

#popimages{
	padding: 0px;
	margin: 25px auto 20px -24px;
}

/*
#submenu a:hover, #submenu a:focus{
	display:block;
	width: 246px;
	height: 17px;	
	margin: 0 0 0 0;
	text-decoration: none;
	color: #000000;
	background: #999999;
}
*/
#submenu li {
	position:relative;
	left:-56px;
	list-style:none;
}
#submenu li a{
	display:block;
	padding-left:18px;
	width: 259px;
	height: 20px;	
	margin: 0 0 0 0;
	text-decoration: none;
	color: #cccccc;
	background-color: transparent;
}
#submenu li a:hover, #submenu a:focus{
	display:block;
	width: 259px;
	height: 20px;	
	margin: 0 0 0 0;
	text-decoration: none;
	color: #000000;
	background: #999999;
}


/*----------------------------------END OF DROP DOWN MENU-----------------------------------*/

#maincontainer{ 
	padding: 0px;
	margin: 0 auto 0 auto;
	background: #000000;
	width: 1003px;
	height: 515px;
}

#dealercontentcontainer{ 
	padding: 0px;
	margin: 20px auto auto 0;
	width: 1003px;
	height: 515px;
	text-align: left;
}

#Homepagecontentcontainer{ 
	padding: 0px;
	margin: 20px auto auto 0;
	width: 1003px;
	height: 515px;
	text-align: left;
}

#pagetext{
	padding: 0px;
	margin: 0 0 0 65px;
	width: 880px;
	height: 515px;
	z-index: 100;
}

#faq{
	position: relative; 
	font-size:13px;
	text-align:left;
	color: #000000;
	z-index: 98;
}

#faq:hover
{ 
	color: #ffffff;
}

#faqboxdesign{
	position: absolute;
	top:10px;
	left:-250px;
	padding: 0;
	margin: 0;
	background: transparent url('images/faqbox.png') no-repeat;
	text-align: left;
	width: 486px;
	height: 359px;
	z-index: 100;
}

#faqtext{
	padding-right: 10px;
	margin: 30px 20px 20px 0;
	margin-left: 10px;
	color: #ffffff;
	text-align: left;
	width: 440px;
	height: 280px;
	overflow: auto;
	scrollbar-face-color: #bbbbbb;
	scrollbar-shadow-color: #6f6f6f;
	scrollbar-highlight-color: #6f6f6f;
	scrollbar-3dlight-color: #bbbbbb;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-track-color: transparent;
	scrollbar-arrow-color: #6f6f6f;
}


#footercontainer{ 
	padding: 0px;
	margin: 0 auto 0 auto;
	background: #000000 url('images/bottom_bar.jpg') left repeat-x;
	width: 1003px;
	height: 33px;
}

#close{
	position: relative; 
	font-size:12px;
	text-align:left;
	top:320px;
	left:188px;
	color: #ffffff;
	z-index: 98;
}

#bottomlinks{ 
	padding: 13px 0 0 0;
	width: 980px;
	height: 33px;
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff;
}

a:link {color: #ffffff; text-decoration: none}     /* unvisited link */
a:visited {color: #ffffff; text-decoration: none}  /* visited link */
a:hover {text-decoration: underline}   /* mouse over link */
a:active {color: #ffffff; text-decoration: none}   /* selected link */ 

a:link {color: #ffffff; text-decoration: none}     /* unvisited link */
a:visited {color: #ffffff; text-decoration: none}  /* visited link */
a:hover {text-decoration: underline}   /* mouse over link */
a:active {color: #ffffff; text-decoration: none}   /* selected link */ 

/*************** BUTTONS FOR PRODUCTS PAGE *********/
#prod1{
  display: block;
  float: left;
  width: 211px;
  height: 27px;
  background: url("images/buttons/brakepads.png") no-repeat 0 0;

}
#prod1:hover{ 
  background-position: 0 -27px;
}
#prod1 span{
  display: none;
}

#prod2{
  display: block;
  float: left;
  width: 207px;
  height: 27px;
  background: url("images/buttons/brakeshoes.png") no-repeat 0 0;
}

#prod2:hover{ 
  background-position: 0 -27px;
}
#prod2 span{
  display: none;
}
#prod3{
  display: block;
  float: left;
  width: 229px;
  height: 27px;
  background: url("images/buttons/offroadclusters.png") no-repeat 0 0;
}
#prod3:hover{ 
  background-position: 0 -27px;
}
#prod3 span{
  display: none;
}
#prod4{
  display: block;
  float: left;
  width: 234px;
  height: 27px;
  background: url("images/buttons/dpkclutchkits.png") no-repeat 0 0;
}
#prod4:hover{ 
  background-position: 0 -27px;
}
#prod4 span{
  display: none;
}

.bps {
	margin-left:50px;
	width:150px;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	background-color: #333333;
	scrollbar-base-color: #333333;
	scrollbar-track-color: #666666;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #6e1011;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-shadow-color: #6e1011;
	scrollbar-arrow-color: #FFFFFF;
}
.bpswait {
	background-color:#6c6b6b;
	background-image:url('awaiting.png');
	background-repeat: no-repeat;
	background-position:center;
	margin-left:50px;
	width:150px;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	scrollbar-base-color: #333333;
	scrollbar-track-color: #666666;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #6e1011;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-shadow-color: #6e1011;
	scrollbar-arrow-color: #FFFFFF;
}
.tl {
	width:800px;
	border-top-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.formelements {
	width:100px;
	height:22px;
	color:#ffffff;
	font: bold 84% verdana,helvetica,sans-serif,'trebuchet ms'; 
	background-color:#000000; 
	border: 1px solid; 
	border-color: #ccc #333 #333 #ccc; 
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#333333',EndColorStr='#000000');
}

/** FOR THE FLASH/JAVESCRIPT APP  **/

#operator {
display: none;
clear: both;
position:absolute;
top:45%;
left:50%;
margin:-225px auto auto -475px;
z-index:100;
background-color: #999999;
width: 950px;
height: 450px;
}

.clearfix:after {
display: none;
clear: both;
visibility: hidden;
position:absolute;
z-index:99;
background-color: #ff6600;
width: 500px;
height: 200px;
}

/** FOR THE FLASH/JAVESCRIPT APP  **/