@charset "utf-8";

/*
	Site Name: 
	Description: base template style
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: TABMENU STYLE
	2: CONTENTS

==========================================================
*/
#oil{display:none;}
#swf_img{border:1px solid #888;}
/*
===== 1: TABMENU CONTENT ================================
*/
#tab_container{
	margin:20px auto;
}
ul.tabmenu{
	width:411px;
	margin:0;
	padding:0;
	height:47px;
	float:left;
	position: relative; 
	z-index:1;
}
ul.tabmenu li{
	float:right;
	text-align: center;
	z-index:2;
}
ul.tabmenu li a{
	height:35px;
	padding:12px 15px 0 0;
	display:block;
	font-size:1.2em;
	font-weight: bold;
}
ul.tabmenu li a.gus{
	background:url(../images/common/tab_gus.gif) bottom;
	width:197px;
	margin-left:0px;
	position: relative;
}
ul.tabmenu li a.oil{
	background:url(../images/common/tab_oil.gif) bottom;
	width:197px;
	margin-left:-13px;
	position: relative;
}
ul.tabmenu li a.gus:hover{
	background:url(../images/common/tab_gus_on.gif) bottom;
	width:197px;
	margin-left:0px;
}
ul.tabmenu li a.oil:hover{
	background:url(../images/common/tab_oil_on.gif) bottom;
	width:197px;
}
ul.tabmenu li a.active{
	z-index:3;
}
ul.tabmenu li a.active.gus{
	background:url(../images/common/tab_gus_act.gif) bottom;
	width:197px;
	margin-left:0px;

}
ul.tabmenu li a.active.oil{
	background:url(../images/common/tab_oil_act.gif) bottom;
	width:197px;
}

/*
===== 2: CONTENTS CONTENT ================================
*/
#tabcontents{
	padding-bottom:30px;
	background:url(../images/common/tab_bg_bottom.gif) no-repeat bottom;
	clear:both;
	position: relative;
	top:-1px;
	z-index:0;
}
.tabcontent{
	padding:30px 44px 10px 44px;
	border-right:#1E9FBC solid 1px;
	border-left:#1E9FBC solid 1px;
	border-top:#1E9FBC solid 1px;
}
.tabcontent h2{
	height:45px;
	position: relative; 
	font-weight: normal; 
}
.tabcontent .pilotlogo{
	float:left;
}
.tabcontent div{
	margin:30px 20px 5px 0pt;
	width:380px;
	float:left;
}
.tabcontent div .product_description{
	width:208px;
	margin:0px;
	float:right;
}
.tabcontent div h3{
	margin-bottom:10px;
	font:2.4em verdana normal;
	line-height:0.9em;
}
.tabcontent div h4{
	font:2.5em verdana normal; 
	line-height:1.4em;
	margin:20px 0 10px 0;
	clear:both;
}

.tabcontent div .product_description img{
	margin:0pt 1px 3px 0pt;
}
.product_description ul{
	clear:both;
}
.product_description ul li{
	float:left;
	margin-right:3px;
}

#oil img.image{
	width:152px;
	height:152px;
}

.tabcontent div q{
	margin-top:15px;
	display:block;
	text-align: justify;
}
.description{
	font-size:0.9em;
	left:300px; 
}
q{quotes:"""";}
a.show{
	width:119px; 
	height:27px;
	display:block;
	line-height:27px;
	text-align:center;
	background:url(../images/common/buttom_show.gif) no-repeat ;
}
a.show:hover{
	background:url(../images/common/buttom_show_on.gif) no-repeat ;
}


/*=====*/

#gus{
	background:url(../images/common/tab_bg_gus.gif) repeat-x bottom #B8536F;
}
#oil{
	background:url(../images/common/tab_bg_oil.gif) repeat-x bottom;
}

/*
=========== NEWS DESIGN ===============================
*/
#news	{ height:30px; width:450px; margin:0; padding:0px; border:1px solid #FFFFFF; float:right; line-height:29px; font-size:0.9em; color:#CCC; background:url(../images/news_bg.jpg); }
#news li{ padding:0 0 0 20px; }
#news li a{ color:#104E65; }