@charset"iso-8859-1";

/*----------------------------------------*/
/* a */
/*----------------------------------------*/
a{text-decoration: none;}
a:link {text-decoration: none;color:#2B74A3;}
a:visited{text-decoration: none;color:#2B74A3;}
a:hover {text-decoration: underline;color:#009AC8;}
a:active{text-decoration: underline;}

/*----------------------------------------*/
/* a(list) */
/*----------------------------------------*/
ul.home-newsDate a, ul.newsDate a{text-decoration: none;}
ul.home-newsDate a:link, ul.newsDate a:link{text-decoration: none;color:#555555;}
ul.home-newsDate a:visited, ul.newsDate a:visited{text-decoration: none;color:#9C9C9C;}
ul.home-newsDate a:hover, ul.newsDate a:hover{text-decoration: underline;color:#009AC8;}
ul.home-newsDate a:active, ul.newsDate a:active{text-decoration: none;}

/*----------------------------------------*/
/*list*/
/*----------------------------------------*/
ul.none {list-style-type:none;}
ul.disc {list-style-type:disc;}
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ul.decimal {list-style-type:decimal;}
ul.lower-roman {list-style-type:lower-roman;}
ul.upper-roman {list-style-type:upper-roman;}
ul.lower-alpha {list-style-type:lower-alpha;}
ul.upper-alpha {list-style-type:upper-alpha;}

/*----------------------------------------*/
/* newicon */
/*----------------------------------------*/
img.newIcon { 
	margin-right:3px;
	vertical-align:top;
	float:left;
}

/*----------------------------------------*/
/* float */
/*----------------------------------------*/
.floatL{float:left;}
.floatR{float:right;}

/*----------------------------------------*/
/* altogether */
/*----------------------------------------*/
html{
	height:100%;
}
body{
	height:100%;
	margin: 0;
	padding:0;
	background-color:#E1E1E1;
	color:#555555;
	text-align:center;
	font-family: arial,helvetica,sans-serif;
	font-size:81.25%;
	line-height:1.2;
	letter-spacing:0.1px;
}

/*----------------------------------------*/
/* pagebody */
/*----------------------------------------*/
body.content-main div#pagebody{
	width:860px;
	padding:10px 30px;
	background : url(../images/pagebody_wide_bg.gif) no-repeat;
}
div#main{
	font-size:96%;
	line-height:1.6;
}


body.content-style01 div#main{
	float:right;
	width:730px;
}

/* ------------- main-container --------- */
body.content-style01 div#main div.main-container{
	padding:10px;
	background : #ffffff url(../images/main_container_bg.gif) no-repeat;
/*\*/
width:710px;/* --------- The background image is displayed. MacIE --------- */
/**/
}
body.content-style01 div#main div.main-container:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html body.content-style01 div#main div.main-container {
	height: 1em;
	overflow: visible;
}
/**/

body.content-style02 div#main{
	margin: 10px 0 0 0;
	padding: 0;

}


/*----------------------------------------*/
/* left */
/*----------------------------------------*/
div#left{
	float:left;
}


/*----------------------------------------*/
/* title */
/*----------------------------------------*/
h3#title-h3{
	width:920px;
	height:96px;
	font-size:0px;
}

/*----------------------------------------*/
/* main-text */
/*----------------------------------------*/
div.main-text{
	padding:5px 20px 20px 20px;
}

/*----------------------------------------*/
/* main-text */
/*----------------------------------------*/
ul.arrow {
	list-style: none;
	margin:6px 0 0 0;
	padding:0;
}
ul.arrow li{
	margin:0;
	padding: 0 0 0 15px;
	background: url(../../sanyo_lib/images/arrow.gif) no-repeat 0 0.45em ;
}
ul.arrow li.none{
	background: url(../../sanyo_lib/images/arrow.gif)  no-repeat;
}


/*----------------------------------------*/
/* back to the top page */
/*----------------------------------------*/
#pagetop {
	margin:0;
	padding:0;
	position:absolute;
	top:-1000px;
}
#top {
	margin:0;
	padding:0;
}

/*----------------------------------------*/
/* hidden */
/*----------------------------------------*/
div.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
}

/*----------------------------------------*/
/* p */
/*----------------------------------------*/
p.right{
	text-align:right;
}

.searchheading{
margin-left:10px;
margin-top:5px;
text-align:left;
color:#FFFFFF;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.searchmenu{
margin-right:15px;
}




#index_5 #middle .indent{ padding:35px 3px 46px 8px;}
#inputsearchhalf {width:50px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}
#inputsearchdouble {width:200px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

form 
.rowi {height:44px;}
.input {width:158px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}
.inputsmall {width:45px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}
.inputsmalldrop {width:auto; height:15px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}
.inputsearch {width:120px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}
.inputSearchB {width:120px; height:18px; border:1px solid #a9a9a9; background:#FFCC00; padding:0 0 0 5px; font-size:1em;}
.inputSearchBB {width:200px; height:18px; border:1px solid #a9a9a9; background:#FFCC00; padding:0 0 0 5px; font-size:1em;}
.smallnote {font-family:Tahoma; font-size:0.688em; line-height:1.273em; color:#626262;}

textarea {width:158px; height:118px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
form .div { padding:8px 0 0 0;}
form .div a {background:url(images/list_bg.gif) no-repeat 0 4px; padding-left:16px;}

.selectActive  {
background:url(images/arrow_right.gif) top left no-repeat;
 padding:6px 0 2px 18px;
  font-weight:bold;
  color:#FFFFFF;
}
.selectDisabled  {
padding:6px 0 2px 18px;
color:#CCCCCC;
}

/**
START
Link ---> Image
**/
p#iconslink a{ height:30px; text-indent:-9000px; display:block; float:left; margin-right:2px; margin-top:2px; }
p#iconslink a.home{ width: 50px;background:url(../images/layout/cylinder_head_quick_search.jpg) top left no-repeat; }
p#iconslink a.home:hover { width: 50px; background:url(../images/layout/cylinder_head_quick_search.jpg) top left no-repeat; }


.p_listing_container {width:840px;float:left;margin-top:20px;margin-bottom:4px;background:url(../images/p_listing_h128.jpg) repeat-x}
.p_listing_container .border-container{width:832px;height:128px;float:left;border-top:1px solid #AFAFAF;border-bottom:1px solid #AFAFAF}
.p_listing_container img{float:left;display:block}

.datalink
{
	position:relative;
	top:-104px;
	left:28px;
	font-size:95%;
}

.datalink a:link {
	text-decoration: underline;
	color:#0099FF;
}
.datalink a:active {
	text-decoration: none;
	color:#00CCFF;
}

.datalocation{
	font-family:Tahoma;
	font-size:92%;
	color:#333333;
	position:relative;
	top:-5px;
	left:5px;
	padding-left:25px;
}

.dataimage{
position:relative;
top:-29px;
left:5px;
}
.dataspan{
	font-family:Tahoma;
	color:#000000;
	font-weight: bold;
	padding:0px 15px 0px 0px;
	position:relative;
	top:0px;
	left:0px;
}
.datar1{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:relative;
	top:10px;
	left:0px;
}
.row1{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:absolute;
	left:185px;
}
.row2{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:absolute;
	left:380px;
}
.row3{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:absolute;
	left:575px;
}
.r2{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:relative;
	top:10px;
	left:0px;
}
.r3{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:relative;
	top:10px;
	left:0px;
}
.r4{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:relative;
	top:20px;
	left:0px;
}
.r5{
	font-family:Tahoma;
	padding:0px 15px 0px 0px;
	position:relative;
	top:20px;
	left:0px;
}


/**
END
**/


/* ========================= PREVIEW IMAGE product page ============================= */


#tplPreview {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  border:1px solid #444444;
  font-size: 11px;
  color: #4B4B4B;
  padding: 12px 15px 15px 15px;
}

#tplPreviewTitle {
  font-size: 16px;
}

#tplPreviewBody {
  position: relative;
}

#tplPreviewImage {
  margin: 8px auto 0 auto;
}

#tplPreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;

  border: 1px solid #6A6A6A;
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}
 .rightcoltempl {
 width:236px; margin-left: 5px;
 }
 .hidden {
 	display:none;
 }

.faq_item_title {
	margin:22px 0;
}

.line-also {
	border-top: 1px solid #D9D9D9;
	width: 470px;
	padding: 0 15px 5px 15px;

}

/* ======================== END IMAGE PREVIEW CSS */



.imgindent {margin:-6px 20px 0 0; float:left;}
.imgindent2 {margin:-6px 20px 21px 0; float:left;}
.imgindentRight {margin:-6px 20px 21px 0; float:right;}
.carlogo1 {margin: 4px 4px 4px 4px;}
.faqtitle {text-decoration:underline; color:#000000; font-weight: bold; }

.tacenter {text-align:center;}



/* Cylinder Head Detail CSS*/
.headdatalocation
{
	font-family:Tahoma;
	color:#333333;
	position:relative;
	top:0px;
/*	left:-10%; */
	padding-left:490px;
/*	margin: 0 auto;  */

}
.headdataimages{
	position:relative; 
	width:425px;
	top:-677px; 
	padding-left:285px;
	left:-30%; 
}
.headdatalink
{
position:relative;
top:-400px;
left:10%;
padding-left:535px;
}
.headdatacarmatch
{
	font-family:Tahoma;
	color:#333333;
	position:relative;
	top:-620px;
	left:20px;
}
.cylinder_head_data{
	font-family:Tahoma;
	margin-left:30px;
	padding-top:0px;
}

.headdatalocation p{
	font-family:Tahoma;
	margin:2px;
	padding:2px;
	font-style:normal;
	font-weight:normal;

}

.title2 {padding:0 0 9px 11px; border-bottom:1px solid #b6babc; margin-bottom:32px; height:25px;}






/*  Form CSS */
.formTextArea {width:380px; height:138px; border:1px solid #C6C6C6; background:#FAFAFA; padding:2 0 0 3px; font-size:100%;}
.formTextArea2 {width:280px; height:138px; border:1px solid #C6C6C6; background:#FAFAFA; padding:2 0 0 3px; font-size:100%;}
.formTextArea:hover{background: white;}	
.formTextArea:focus{background: white;border: solid 1px #000000;}
.formTextArea2:hover{background: white;}	
.formTextArea2:focus{background: white;border: solid 1px #000000;}

.formInput{width:158px; height:18px; border:1px solid #a9a9a9; background:#FAFAFA; padding:0 0 0 5px; font-size:1em;}
.formInput:hover{background: white;}	
.formInput:focus{background: white;border: solid 1px #000000;}

.req{color:#CC3300;}

.formBox{border:1px solid #CCCCCC; padding:10px;}



/*Check Out CSS */

/* checkout page --------------------------------------------*/
.productcart {
	margin: 0 0 20px;
	border-bottom: solid 1px #e2e0e0;
	border-top: solid 1px #ccc;
}
.productcart td {
	padding: 2px;
	margin: 0;
	border-bottom: solid 1px #e2e0e0;
}
.productcart .firstrow {
	color: #999;
	text-transform: uppercase;
	font-size: 90%;
}
.productcart .partcol {

}
.productcart .productcol {
	width: 500px;
}

.productcart .price_2 {
	color: #333;
	background:#FFFFFF;
	font-size: 80%;
}

.productcart .price_total {
	color: #333;
	background: #ededed;
	font-size: 110%;
}
.productcart .product-name {
	color: #333;
	margin-left: 5px;
}
.productcart .product_image {
	vertical-align: middle;
	border: solid 1px #ededed;
}
.productcart input {
	border: solid 1px #ccc;
	background: #fff;
	padding: 2px 4px;
	color: #444;
}
.productcart .apply_button_full {
width:100%;
	border: solid 1px #ccc;
	background: #ededed;
	font-size: 90%;
	padding: 2px 4px;
	color: #444;
	cursor: pointer;
}

.productcart .apply_button {

	border: solid 1px #ccc;
	background: #ededed;
	font-size: 90%;
	padding: 2px 4px;
	color: #444;
	cursor: pointer;
}
.productcart .discount_row {
	color: #659b29;
}
.productcart .enter_coupon_row td {
	padding: 10px 0;
}

.productcart .purchase-submit {
	width:100%;
	border: solid 1px #bdda93;
	background: #d7f0b2;
	padding: 4px 10px;
	color: #444;
	cursor: pointer;
}


.ch_table {
	background: #e6e7e8;
	padding: 10px 30px;
	border: solid 1px #ccc;
	margin-top: 10px;
}
.ch_table td {
	padding: 2px 15px 2px 2px;
}
/*
.ch_table input {
	border: solid 1px #ccc;
	background: #fff;
	padding: 4px 4px;
	color: #444;
}
*/
.ch_table input.purchase-submit {
	border: solid 1px #bdda93;
	background: #d7f0b2;
	padding: 4px 10px;
	color: #444;
	cursor: pointer;
}

.ch_table input.image-submit {
	background: #e6e7e8;
	padding: 0px 0px 0px 0px;
	border:hidden;
}

.inputCH{
	border: solid 1px #ccc;
	background:#FAFAFA;
	padding: 4px 4px;
	color: #444;
}
.redBitch
{
	background:#F00;
	
}
.inputCHRequired {
	background:#F00;
	padding: 4px 4px;
	color:#333;
}

.apply_button {

	border: solid 1px #ccc;
	background: #ededed;
	font-size: 90%;
	padding: 2px 4px;
	color: #444;
	cursor: pointer;
}



.inputCH:hover{background: white;}	
.inputCH:focus{background: white;border: solid 1px #000000;}
.inputCHRequired:hover{background:#F30;}	
.inputCHRequired:focus{background: white;border: solid 1px #000000;}


.checkoutProgress {
	margin: 0 0 20px;
	border-bottom: solid 1px #e2e0e0;
	border-top: solid 1px #ccc;
}
.checkoutProgress td {
	padding: 2px;
	margin: 0;
}

/* FOR SPECIAL OFFER WIGIT */

#special_notice {
height: 255px;
width: 453px;
display: none;
overflow: hidden;

}

#special_notice a.close {
background: url(../images/specialoffer.png) no-repeat -1px -220px;
height: 30px;
width: 30px;
display: inline;
float: right;
position: relative;
top: 12px;
right: 8px;
z-index: 9998;
}


div#special {
    background-image:  url(../images/specialoffer.png);
    background-repeat: no-repeat;
    height: 500px;
	left: 10px;
	z-index: 9997;
	border: none;
}

div#specialtexthead {
    position: relative;
    height: auto;
    width: auto;
    left: 25px;
    top: 5px;
	z-index: 9997;
	
	font-size:x-large;
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
}

div#specialtext {
    position: relative;
    height: auto;
    width: auto;
    left: 25px;
    top: 20px;
	z-index: 9997;
	
	width: 400px;
	hight: 240px;
	
	font-size:medium;
	text-decoration:none;
	color:#FFF;
}

/* END SPECIAL OFFER WIGIT CSS */



strong#red{color:#CC3300;
font-size:larger}