@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	
	}
	
#header
{
   background: url("images/headerBg.jpg") repeat-x ;
   width:100%;
   height:224px;   
   margin:0 auto;
}

#banner
{
width:1068px;
height:176px;
 margin:0 auto;
}

#menuBar
{
background-color:#691a7c;
height:42px;
}

#menuContainer
{
width:1068px;
height:42px;
 margin:0 auto;
 }
 
 @font-face {
    font-family: century_gothic;
    src: url("fonts/century_gothic.ttf");
	   font-weight:normal;
}

 @font-face {
    font-family: century_gothic;
    src: url("fonts/century_gothic.eot");
	   font-weight:normal;
}

 @font-face {
    font-family: century_gothic;
    src: url("fonts/century_gothic.otf");
	   font-weight:normal;
}

 @font-face {
    font-family: century_gothic_bold;
    src: url("fonts/gothicb.ttf");
	   font-weight:normal;
}

@font-face {
    font-family: century_gothic_bold;
    src: url("fonts/gothicb.eot");
	   font-weight:normal;
}

@font-face {
    font-family: century_gothic_bold;
    src: url("fonts/gothicb.otf");
	   font-weight:normal;
}

 #nav-menu ul
{

list-style: none;
padding: 0;
margin: 0;
width:1068px;
height:33px;
} 

#nav-menu li
{
float: left;
} 

#nav-menu li a
{
float: left;
width:105px; 
height:33px;
text-align:center;
text-decoration: none;
margin-top:4px;
color:#FFFFFF;
margin-left:25px;border:1px solid #691a7c;
border:1px solid #fff;
 background: url("images/menu-over.jpg") repeat-x ;
line-height:33px; 
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:0.72em;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 5px;  
  border-radius: 5px;
} 

#nav-menu li a:hover
{
float: left;
width:105px; 
height:33px;border:1px solid #000;
text-align:center;
 background: url("images/menu.jpg") repeat-x ;
text-decoration: none;
color:#000;
margin-left:25px;
line-height:33px; 
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:0.72em;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 5px;  
 border-radius: 5px;
} 

body#home a#home_link,
body#testimonial a#testimonial_link,
body#location a#location_link,
body#contactus a#contactus_link,
body#com a#com_link,
body#test a#test_link,
body#career a#career_link,
body#product a#product_link
{
color: #000;
border:1px solid #000000;
height:33px;
background: url("images/menu.jpg") repeat-x ;
} 

#bodyContainer
{
 background: url("images/bodyBg.jpg") repeat ;
 width:100%;
 height:auto;
position:absolute;
}

.upperBg
{
background-color:#000;
width:100%;
height:228px;
position:absolute;
}

.mainBody
{
width:1070px;
overflow:hidden;
padding-top:10px;
margin:0 auto;
position:relative;
}

.leftBody
{
width:700px;
border-top:2px solid #FFFFFF;
float:left;
margin-left:5px;
background-color:#000000;
overflow:hidden;
min-height:670px;
}

.leftSide
{
width:200px;
float:left;
background-color:#595958;
border:1px solid #FFFFFF;
height:280px;
}

.rightBody
{
width:160px;
float:right;
}


.oneStop
{
height:96px;
background-color:#FFFFFF;
margin-top:2px;
width:700px;
}

.services
{
 background: url("images/serviceBg.jpg") no-repeat ;
   width:204px;
   height:25px;
   font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
line-height:25px;
padding-left:30px;
margin-top:10px;
   }
   
   .servicesLeft
   {
  font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
line-height:18px;
padding-left:10px;
padding-top:10px;
margin-top:10px; 
   }
   
  .flagColor
  {
  background: url("images/flagColor.jpg") repeat-x ;
   width:100%;
   height:28px;
  }
  
  #footer
  {
  background-color:#000;
  height:40px;
  font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:center;
padding-right:100px;
line-height:30px;
  }
  
  
  .fb-like-box{ min-width:160px; background-color:#000000;width: 100% !important;}
.fb-like-box iframe[style]{min-width:160px;  background-color:#000000; width: 100% !important;}
.fb-like-box span{min-width:160px;  background-color:#000000;width: 100% !important;}
.fb-like-box iframe span[style]{min-width:160px;  background-color:#000000;width: 100% !important;} 
.-cx-PRIVATE-pluginBoxContainer__border{ border:none}

#page_scroll
{
width: 690px;
height:600px;
overflow: hidden;
}

	.scrollgeneric {
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 15px;
background-color:#78787b;  
cursor:pointer; 
 }
.vscrollerbar {
width: 12px;
margin-left:2px;
background-color:#F7D91B;
cursor:pointer;  
border-top:1px solid #000000;
border-bottom:1px solid #000000;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 5px;  
 	
}
.scrollerjogbox {
width: 9px;
height: 50px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}

.loc_left
{
float:left; width:250px; 
background-color:#802C8D; 
border:1px solid #FFFFFF;
   font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-left:10px;
line-height:25px;
padding:10px;
}

.loc_right
{
float:left; width:382px;
margin-left:10px;
  font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
 }
 
 .contact{
border:1px solid #333333; 
margin:5px;
font-family: century_gothic; Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
width:360px;
line-height:20px;
text-align:left;
padding-left:10px;
}

	 .form_textbox
{
margin-left:10px;
width:250px;
border:1px solid #90908f;
height:15px;
margin-top:5px;
 font-family:tahoma;
 font-size:12px;
}

.textarea

{
margin-left:10px;
width:250px;
border:1px solid #90908f;
margin-top:5px;
 font-family:tahoma;
 font-size:12px;
}


.submit_contact
{
width:80px;
height:26px;
float:right;
margin-left:180px;
background:url(images/submit.jpg) no-repeat center;
border:0;
cursor:pointer;
color:#FFFFFF;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
}

.pro_first
  {
  background:url(images/profirst.jpg) no-repeat center center; 
width:690px; 
height:132px;
border:1px solid #ffffff;
overflow:hidden;
margin:3px;
margin-top:10px;
  }
  
   .pro_sec
  {
  background:url(images/prosec.jpg) no-repeat center center; 
width:690px; 
height:132px;
border:1px solid #ffffff;
overflow:hidden;
margin:3px;margin-top:10px;
  }
  
   .pro_third
  {
  background:url(images/prothird.jpg) no-repeat center center; 
width:690px; 
height:132px;
border:1px solid #ffffff;
overflow:hidden;
margin:3px;margin-top:10px;
  }
  
  
   .pro_fourth
  {
  background:url(images/profourth.jpg) no-repeat center center; 
width:690px; 
height:132px;
border:1px solid #ffffff;
overflow:hidden;
margin:3px;margin-top:10px;
  }
  
    .pro_five
  {
  background:url(images/profive.jpg) no-repeat center center; 
width:690px; 
height:132px;
border:1px solid #ffffff;
overflow:hidden;
margin:3px;margin-top:10px;
  }
  
  .lubricant { position:relative; top: 80px; left:-30px; z-index: 6; float:left;
background:url("images/pd_cat_bg.png") no-repeat;width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:18px;
line-height:60px;
color:#FFFFFF;}

.car { position:relative; top: 85px; left: -190px; z-index: 5; float:left;
background:url("images/pd_cat_bg.png") no-repeat; width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:14px;
display:block;
line-height:50px;
color:#FFFFFF;
}
.car:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

.trucks { position:relative; top: 90px; left: 170px; z-index:4;
background:url("images/pd_cat_bg.png") no-repeat;width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
.trucks:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

 .trans { position:relative; top: 30px; left: 280px; z-index:3; 
background:url("images/pd_cat_bg.png") no-repeat;width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:14px;
line-height:45px;
color:#FFFFFF;}
.trans:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

.motor { position:relative; top: -30px; left: 390px; z-index:2;
 background:url("images/pd_cat_bg.png") no-repeat;width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:14px;
line-height:40px;
color:#FFFFFF;
 } 
.motor:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

.marine { position:relative; top: -90px; left: 460px; z-index:1;
 background:url("images/pd_cat_bg.png") no-repeat;width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:13px;
line-height:35px;
color:#FFFFFF;
 } 
.marine:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

.pd_category {  position:relative; top: 80px; left: 0px; z-index: 6; float:left;
background:url("images/pd_cat_bg.png") no-repeat;width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:18px;
line-height:60px;
padding-left:20px;
color:#FFFFFF;
 } 
.pd_category:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

.motor_care_kit { position:relative; top: 85px; left: -50px; z-index: 5; float:left;
background:url("images/pd_cat_bg.png") no-repeat; width:246px; height:64px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:16px;
display:block;
line-height:55px;
color:#FFFFFF;
}
.motor_care_kit:hover {background-image:url("images/pd_cat_over.png"); color:#000000;
}

#engineoil_head
{
background: url('images/spark_head.jpg') no-repeat center;
width:690px;
height:160px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

.pd_table
{
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em; 
border:2px solid #373636;
margin-top:5px;
background-color:#171717;
width:690px;
margin:0 auto;
}

#product_bg
{
background: url('images/product_bg.jpg') no-repeat center;
width:690px;
height:162px;
margin-top:5px;
}

#pro_left
{
float:left; 
padding-left:10px;
width:100px;
}

#pro_right
{
float:left; 
width:580px;
}

#pro_text
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
padding-top:20px;
}

#proheader{font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:14px;
padding-top:10px;

}

#top_text
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:12px;
  color:#ffffff;
  padding-top:10px;
 }
 
 #pro_text2
{
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#FFFFFF;
line-height:15px;
padding-top:10px;
}

.pageover{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align:right;
width:740px;
margin-top:20px;
word-spacing:5px;
cursor:pointer;
margin-right:10px;
}
.addbg
{
background-color:#000000;
width:680px;
border:1px solid #666666;
}

.testbg
{
background-color:#FFFFFF;
border:1px solid #999999;
padding:3px;
 -moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em; 
}

.motortext
{
padding:20px;  line-height:18px; background-color:#fff217;  -moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em; border:1px solid #333333;
}

.yellowbg
{
background:url(images/addybg.jpg) no-repeat center;
width:584px;
height:86px;
font-style:italic;
font-weight:bold;
}

#spark_container
{
width:690;
margin-top:25px;
overflow:auto;
}

.vertical{
 float:left;
  width:145px; 


   }
   
   ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 10px 2px 10px 2px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 140px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(vertical_menu/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #e7e4e4;
	background:#222 url(vertical_menu/tab_bg.jpg) repeat-y;
	border: 1px solid #000000;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #000000; background-color:#565555;}

.vertical_right{
 float:right; 
  border:1px solid #000000;
   }
   
   .vertical_content{
   background-color:#464544;
   margin-top:10px;
	   }
   
.vertical_top_head
{
	background:url(images/spark_detail_head.png) no-repeat left top;
	width:202px;
	height:30px;
font-family: century_gothic_bold; Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
line-height:30px;
padding-left:20px;
margin-bottom:1px;
	}
	
	#menuscroll {
/* percentage width without the fix*/
width: 150px;
height: 600px;
overflow: hidden;
margin-top:10px;

/* IE overflow fix, position must be relative or absolute*/

}

#video_left
{width:680px;font-family: century_gothic_bold; Arial, Helvetica, sans-serif; font-size:11px; margin-top:0px; color:#FFFFFF}

 #videoscroll {
/* percentage width without the fix*/
width: 650px;
height: 500px;
overflow: hidden;
margin-top:10px;

/* IE overflow fix, position must be relative or absolute*/

}

#video_right
{
margin:0 auto;
width:500px; background-color:#100e0e; padding:10px; border:2px solid #000000;
margin-top:5px;
 }
 
 #video-holder 
{
width:500px; height:400px; display:block; border:#333333 1px solid; 
background-color:#000000;
}