@import url("Buttons.css");

/*=============================================================================
  Main
=============================================================================*/
body {
	font-family:		Trebuchet MS;

	font-size:			12px;

	margin:				0;

	background-color:	#EBEBEB;
	background-image:	url("./gfx/BG.jpg");
	background-repeat:	repeat-x;
}

a {
	color:				#010180;
	text-decoration:	none;
}

h1 {
	color:				#01015B;

	font-size:			20px;

	margin:				0;
}

h2 {
	color:				#01015B;

	font-size:			16px;

	margin:				0;
}

h3 {
	color:				#01015B;

	font-size:			14px;

	margin:				0;
}

hr {
	width:				100%;
	height:				1px;

	border:				none;
	border-top:			1px #01015B dotted;
}

blockquote {
	margin:				10px 10px;
	padding-left:		10px;

	border-left:		1px #01015B dotted;
}


form { 
	margin:				0;
	padding:			0;
}

.ArrowLink {
	background-image:		url("./gfx/ArrowLink.png");
	background-repeat:		no-repeat;
	background-position:	right 8px;

	padding-right:			16px;

	color:					#010192;
}

.Wrapper { 
	margin:				0 auto;

	width:				1000px;

	position:			relative;
}

.WrapperTitle {
	position:			relative;

	height:				96px;
}

.PageHeader {
	float:				right;
}

.PageSubHeader {
	float:				right;
}

.PageHeaderSpacer {
	height:				110px;
}

.Title {
	width:				187px;
	height:				87px;

	position:			absolute;

	top:				0px;
	left:				44px;

	background-image:	url("./gfx/Title.jpg");
	background-repeat:	no-repeat;
}

/*===========================================================================*/
.Login {
	position:			absolute;

	top:				6px;
	right:				44px;
}

.LoginForm {
	font-size:			11px;

	color:				white;
}

.LoginFormTextboxWrapper {
	width:				120px;
	height:				19px;

	background-image:	url("./gfx/LoginFormTextbox.jpg");
	background-repeat:	no-repeat;	
}

.LoginFormTextbox {
	width:				112px;
	height:				15px;

	margin-left:		4px;
	margin-top:			1px;

	border:				none;

	background-color:	white;

	color:				#737373;

	font-size:			9px;
}

.LoginFormGo {
	width:				23px;
	height:				17px;

	background-image:	url("./gfx/LoginFormGo.png");
	background-repeat:	no-repeat;	

	cursor:				pointer;
}

.LoginFormSubText {
	font-size:			10px;
}

.LoginFormSubText a {
	color:				white;

	text-decoration:	underline;
}

.LoginFormTextboxUsername {
	background-image:	url("./gfx/LoginFormTextboxUsername.jpg");
	background-repeat:	no-repeat;
}

.LoginFormTextboxPassword {
	background-image:	url("./gfx/LoginFormTextboxPassword.jpg");
	background-repeat:	no-repeat;
}

/*===========================================================================*/
.Menu {
	position:			absolute;

	right:				0px;
	top:				70px;

	width:				100%;
	height:				26px;
}

.MenuSub {
	position:			absolute;

	display:			none;

	top:				34px;
	right:				0px;

	width:				0%;

	text-align:			right;

	overflow:			hidden;
}

.MenuSub a {
	color:				#010180;

	text-decoration:	none;

	margin-right:		20px;
}

.MenuItem {
	padding-left:		15px;
	padding-right:		24px;

	float:				right;

	color:				white;

	font-size:			12px;

	cursor:				pointer;

	position:			relative;

	line-height:		26px;
}

.MenuItem_Children {
	display:			none;
}

.MenuItem_Over {
	background-color:	white;

	color:				#010180;
}

.MenuItem_Over_Left {
	width:				3px;
	height:				26px;

	background-image:	url("./gfx/MenuItem_Over_Left.jpg");
	background-repeat:	no-repeat;	

	position:			absolute;

	left:				0px;
	top:				0px;

	display:			none;
}

.MenuItem_Over_Right {
	width:				12px;
	height:				26px;

	background-image:	url("./gfx/MenuItem_Over_Right.jpg");
	background-repeat:	no-repeat;	

	position:			absolute;

	right:				-1px;
	top:				0px;

	display:			none;
}

/*===========================================================================*/
.Content {
	width:				100%;

	position:			relative;

	margin-top:			40px;
}

.ContentLeft {
	width:				466px;

	color:				#333333;

	font-size:			14px;
	line-height:		20px;

	text-align:			left;
}

.ContentLeftPadding { 
	width:				100%;
	height:				120px;
}

.ContentRight {
	width:				494px;
	height:				386px;

	background-repeat:		no-repeat;	
	background-position:	top center;
}

.ContentFull {
	width:				100%;

	color:				#333333;

	font-size:			13px;
	line-height:		20px;

	text-align:			left;
}

/*===========================================================================*/
.ButtonStripWrapper {
	width:				100%;
	height:				170px;

	background-image:	url("./gfx/ButtonStrip.jpg");
	background-repeat:	repeat-x;	

	position:			relative;

	text-align:			center;
}

.ButtonStrip {
	width:				1000px;
	height:				170px;

	position:			relative;

	text-align:			center;
}

.ButtonList {
	text-align:			center;

	width:				100%;
	height:				62px;

	position:			absolute;

	top:				108px;
	left:				0px;

	padding-left:		73px;
	padding-top:		6px;
}

.ButtonListItem {
	width:				102px;
	height:				55px;

	float:				left;

	cursor:				pointer;

	margin-right:		8px;
}

.ButtonListItemActive {
	width:				22px;
	height:				11px;

	position:			absolute;

	left:				0px;
	top:				-11px;

	background-image:	url("./gfx/ButtonListItemActive.png");
	background-repeat:	no-repeat;	

	display:			none;

	z-index:			101;
}

.ButtonListItemCar {
	background-image:	url("./gfx/ButtonListItemCar.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemDiesel {
	background-image:	url("./gfx/ButtonListItemDiesel.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemMotorcycle {
	background-image:	url("./gfx/ButtonListItemMotorcycle.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemIndustrial {
	background-image:	url("./gfx/ButtonListItemIndustrial.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemAirplane {
	background-image:	url("./gfx/ButtonListItemAirplane.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemBoat {
	background-image:	url("./gfx/ButtonListItemBoat.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemTransmission {
	background-image:	url("./gfx/ButtonListItemTransmission.jpg");
	background-repeat:	no-repeat;	
}

.ButtonListItemReports {
	background-image:	url("./gfx/ButtonListItemReports.jpg");
	background-repeat:	no-repeat;	
}

/*===========================================================================*/
.ButtonListItemPreview {
	width:				1000px;
	height:				104px;
	
	position:			absolute;

	left:				0px;
	top:				0px;

	display:			none;
	
	z-index:			100;
}

.ButtonListItemContent {
	position:			absolute;

	top:				38px;
	left:				324px;

	color:				white;

	text-align:			left;

	font-size:			12px;
}

.ButtonListItemContentLearnMore {
	width:				77px;
	height:				16px;

	background-image:	url("./");
	background-repeat:	no-repeat;	
}

.ButtonListItemCarImage {
	width:				414px;
	height:				150px;

	background-image:	url("./gfx/ButtonListItemCarImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	top:				-39px;
	left:				68px;


}

.ButtonListItemDieselImage {
	width:				419px;
	height:				211px;

	background-image:	url("./gfx/ButtonListItemDieselImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	left:				82px;
	top:				-106px;
}

.ButtonListItemMotorcycleImage {
	width:				377px;
	height:				210px;

	background-image:	url("./gfx/ButtonListItemMotorcycleImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	left:				125px;
	top:				-107px;
}

.ButtonListItemIndustrialImage {
	width:				338px;
	height:				218px;

	background-image:	url("./gfx/ButtonListItemIndustrialImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	left:				144px;
	top:				-112px;
}

.ButtonListItemAirplaneImage {
	width:				474px;
	height:				140px;

	background-image:	url("./gfx/ButtonListItemAirplaneImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	top:				-83px;
	left:				12px;
}

.ButtonListItemBoatImage {
	width:				401px;
	height:				141px;

	background-image:	url("./gfx/ButtonListItemBoatImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	top:				-75px;
	left:				51px;
}

.ButtonListItemTransmissionImage {
	width:				395px;
	height:				213px;

	background-image:	url("./gfx/ButtonListItemTransmissionImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	top:				-110px;
	left:				117px;
}

.ButtonListItemReportsImage {
	width:				373px;
	height:				223px;

	background-image:	url("./gfx/ButtonListItemReportsImage.png");
	background-repeat:	no-repeat;	

	position:			absolute;

	top:				-122px;
	left:				139px;
}

/*=============================================================================
  CForm
=============================================================================*/
.CForm_Table {
	width:				100%;
}

.CForm_Header {
	font-size:			8pt;

	color:				#2865B7;

	border-bottom:		1px #2865B7 dotted;
}

.CForm_Name {
	font-size:			8pt;

	color:				#6D6D6D;

	width:				45%;
}

.CForm_Value {
	font-size:			8pt;

	color:				#6D6D6D;

	width:				55%;
}

.CForm_Error {
	border:				1px #950004 solid;

	background-color:	#FFDFE0;
}

/*=============================================================================
  Home page
=============================================================================*/
.HeaderWhyOilAnalysis {
	width:				100%;
	height:				93px;

	background-image:	url("./gfx/HeaderWhyOilAnalysis.jpg");
	background-repeat:	no-repeat;	
	background-position: top right;
}

.DefaultBG {
	width:				440px;
	height:				297px;

	float:				right;

	background-image:	url("./gfx/HomeBG.png");
}

/*=============================================================================
  Free Test Kit
=============================================================================*/

/*=============================================================================
  Contact Us
=============================================================================*/
.ContactUs_SideBar {
	text-align:			right; 
	
	width:				300px;

	font-size:			14px;
}

/*=============================================================================
  PeopleOfBlackstone
=============================================================================*/
.PeopleOfBlackstone_Image {
	float:				left;

	margin:				12px;

	width:				110px;
	height:				110px;

	border:				3px black solid;

	cursor:				pointer;
}

.PeopleOfBlackstone_Image_Active {
	margin:				12px;

	border:				3px #0101C0 solid;
}

.PeopleOfBlackstone_Content {
	display:			none;
}

.PeopleOfBlackstone_Content h2 {
	margin:				0;
	padding:			0;

	font-size:			18px;

	font-weight:		bold;
}

/*=============================================================================
  Order Now
=============================================================================*/
.OrderNow_Box {
	border:				3px #01015B solid;

	font-weight:		bold;

	padding:			10px;
}

/*=============================================================================
  Understanding the Report
=============================================================================*/
.CReport {
	position:			absolute;

	left:				62px;
	top:				50px;

	width:				0px;
	height:				0px;

	background-repeat:	no-repeat;

	border:				3px #01015B solid;

	-moz-border-radius:	3px;

	z-index:			500;

	opacity:			0;
	filter:				alpha(opacity=0);
}

.CReport_Blackout {
	background-color:	black;

	opacity:			0;
	filter:				alpha(opacity=0);

	z-index:			200;

	height:				100%;
	width:				100%;

	position:			absolute;

	top:				0px;
	left:				0px;

	display:			none;
}

.CReport_Close {
	width:				33px;
	height:				33px;

	background-image:	url("./gfx/CReport_Close.png");
	background-repeat:	no-repeat;

	cursor:				pointer;

	position:			absolute;

	top:				3px;
	right:				3px;

	z-index:			501;
}

/*=============================================================================
  CReportPopup
=============================================================================*/
.CReportPopup {
	display:			block;

	width:				0px;
	/*height:				0px; */

	opacity:			0;
	filter:				alpha(opacity=0);

	border:				2px black solid;

	background-color:	white;

	padding:			5px;

	z-index:			1000;

	position:			absolute;
}

.CReportPopup_HotArea {
	position:			absolute;

	left:				0px;
	top:				0px;

	width:				0px;
	height:				0px;

	background-color:	blue;

	opacity:			0.25;
	filter:				alpha(opacity=25);

	z-index:			501;

	cursor:				help;

	margin:				0;
	padding:			0;

	overflow:			hidden;
}

.UnderstandingTheReportAircraft {
	background-image:	url("./gfx/UnderstandingTheReportAircraft.jpg");
}

.UnderstandingTheReportGasDiesel {
	background-image:	url("./gfx/UnderstandingTheReportGasDiesel.jpg");
}

.UnderstandingTheReportIndustrial {
	background-image:	url("./gfx/UnderstandingTheReportIndustrial.jpg");
}