@charset "utf-8";
/* Autotube © copyright 2008-2009 */

/* Creating the Background Holder first */

body {
	margin:0px;
	background: #b8b8b8 url('../images/bg/bg_repeatx.jpg') top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;

}

/* THIS IS THE CSS FOR THE STAGE SETUP WITHIN THE STRUCTURE. */
/*///////////////////////////////////////////////////////////*/

.clear{clear: both;} /* Class used to clear content underneath.   */

#wrapper{ width:1000px; height:100%; margin:0 auto;}

#HeaderLogo{ height:71px; background-image: url('../images/logo/logo1.jpg');}

/* #NavSystem From here on! */

.accessibility { display: none; }

#NavSystem{ height:25px; line-height:25px; text-align:left;}
#NavSystem ul, #NavSystem ul li{ display: inline; margin: 0; padding: 0; list-style-type: none;  height: 25px; line-height: 25px;}
#NavSystem ul li a { height: 25px; display: block; float: left; text-decoration: none; overflow: hidden;}
/* #NavSystem ul li a:hover{ background-position: 0px 50px;} */  /* Use this is you want to move it X way down to have easy rollovers instead of using other images. */

#NavSystem ul li a:hover { background-position: 0px 25px;}
.WhereYouAre, a:hover { background-position: 0px 25px; }
.WhereYouAreFooter, a:hover {color: #ffffff;}

a#lnkHome { width: 76px; background-image: url('../images/nav/home.jpg'); }
a#lnkCompany { width: 129px; background-image: url('../images/nav/company.jpg'); }
a#lnkRequest { width: 133px; background-image: url('../images/nav/request.jpg'); }
a#lnkProducts { width: 92px; background-image: url('../images/nav/products.jpg');}
a#lnkSuppliers { width: 92px; background-image: url('../images/nav/suppliers.jpg'); }
a#lnkEmployees { width: 98px; background-image: url('../images/nav/employees.jpg'); }
a#lnkContactus { width: 94px; background-image: url('../images/nav/contactus.jpg'); }
a#lnkPrototypeDesign{width: 158px; background-image:url('../images/nav/PrototypeDesign.jpg');}


/* White Background Content Holder */

#bgWhite{float:left; min-height: 598px; background-image:url('../images/bg/bg_whiteSpace.jpg');}

/* Banner Content */

#BannerContent{ margin-top: 6px; margin-right: 9px; margin-bottom: 7px; margin-left: 9px; height: 290px; background-image:url('../images/banner/bannerImage.jpg');}

.CustomerFeedback{ margin-top: 67px; margin-left: 44px;  width: 598px; text-align: left; float: left;}
.CustomerFeedBack1_Image{ margin-right: 13px; float: left;}
.CustomerFeedBack1_Text{ margin-left: 40px; margin-top: 9px; font-size: 28px; letter-spacing : -1px; color: #e9e9e9;}
.CustomerFeedBack1_Name{ margin-left: 53px; font-size: 14px; letter-spacing : -1px; color: #e9e9e9;}
.CustomerFeedBack1_Name a{font-size: 14px; letter-spacing : -1px; color: #e9e9e9;}
.CustomerFeedBack1_Name a:hover{font-size: 14px; letter-spacing : -1px; color: #e9e9e9; text-decoration: none;}

.CustomerFeedback2{ margin-top: 25px; margin-left: 44px; width: 598px; text-align: left; float: left; }
.CustomerFeedBack1_Image2{ margin-right: 13px; float: left;}
.CustomerFeedBack1_Text2{ margin-left: 40px; margin-top: 9px; font-size: 28px; letter-spacing : -1px; color: #e9e9e9;}
.CustomerFeedBack1_Name2{ margin-left: 53px; font-size: 14px; letter-spacing : -1px; color: #e9e9e9;}
.CustomerFeedBack1_Name2 a{ font-size: 14px; letter-spacing : -1px; color: #e9e9e9;}
.CustomerFeedBack1_Name2 a:hover{font-size: 14px; letter-spacing : -1px; color: #e9e9e9; text-decoration: none;}

.BuildForFuture{ margin-top: 60px; margin-left: 30px; margin-right: 55px; width: 255px; text-align: left; float: right;}
.BuildForFuture_Title{ margin-bottom: 21px; font-size: 30px; letter-spacing: -1px; color: #e9e9e9;}
.BuildForFuture_Text{margin-bottom: 21px; font-size: 15px; letter-spacing: -1px; text-align: justify; color: #e9e9e9;}

.BuildForFuture_ButtonBox{position: relative; height: 65px; background-image:url('../images/graphics/future_graphic.jpg');}
.BuildForFuture_ButtonBlue{position: relative; top: 9px; left: 19px; font-size: 13px; letter-spacing : -1px; color: #ffffff;}
.BuildForFuture_ButtonGrey{position: relative; top: 24px; left: 19px; font-size: 13px; letter-spacing : -1px; color: #ffffff;}

/* Body Content */

#BodyContent{margin-right: 9px; margin-bottom: 10px; margin-left: 9px;  height: 280px; text-align:left;}

.BodyContent_Accredit{ position:relative; margin-right: 11px; width: 271px; height: 280px;  background-image:url('../images/body/body_accreditations.jpg'); float: left;}
.BodyContent_Products{ position: relative; width: 436px; height: 280px; background-image:url('../images/body/body_products.jpg'); float: left;}
.BodyContent_QuoteContact{ position: relative; width: 252px; height: 280px; background-image:url('../images/body/body_quotecontact.jpg'); float: right;}

.BodyContent_QuoteContact_Form{ position:relative; top: 36px; left: 15px; height: 89px; width: 221px; border:hidden;}
.BodyContent_QuoteContact_Locate{ position:relative; top: 50px; left: 15px; height: 69px; width: 222px; border:hidden;}

.BodyContent_Products_Dipstick_Title{position: relative; top: -154px; left: 235px; width: 175px; font-size: 14px; font-weight: bold; color: #002878;}
.BodyContent_Products_Dipstick_Image{position: relative; top: -144px; left: 235px; width: 175px; height: 86px; background-image: url('../images/graphics/graphics_dipstick.jpg');}
.BodyContent_Products_Dipstick_Text{position: relative; top: -135px; left: 235px; width: 175px; font-size: 12px; color: #212121;}
.BodyContent_Products_Dipstick_Click{position: relative; top: -130px; left: 235px; width: 150px; font-size: 12px;}
.BodyContent_Products_Dipstick_Arrow{position: relative; top: -151px; left: 378px; width: 20px; height: 26px; }

.BodyContent_Products_Tubular_Title{position: relative; top: 51px; left: 21px; width: 175px; font-size: 14px; font-weight: bold; color: #002878;}
.BodyContent_Products_Tubular_Image{position: relative; top: 61px; left: 21px; width: 175px; height: 86px; background-image: url('../images/graphics/graphics_tubular.jpg');}
.BodyContent_Products_Tubular_Text{position: relative; top: 71px; left: 21px; width: 175px; font-size: 12px; color: #212121;}
.BodyContent_Products_Tubular_Click{position: relative; top: 75px; left: 21px; width: 150px; font-size: 12px;}
.BodyContent_Products_Tubular_Arrow{position: relative; top: 54px; left: 160px; width: 20px; height: 26px; }

.BodyContent_Accredit_Image{position: relative; top: 51px; left: 21px; width: 91px; height: 88px; }
.BodyContent_Accredit_Title{position: relative; top: -30px; left: 120px; width: 141px; font-size: 18px; font-weight: bold; color:#333333;}
.BodyContent_Accredit_TitleInfo{position: relative; top: -22px; left: 120px; width: 141px; font-size: 12px; line-height: 17px;}
.BodyContent_Accredit_Text{position: relative; top: -10px; left: 21px; width: 235px; font-size: 12px; line-height: 16px;}
.BodyContent_Accredit_Text2{ text-transform: uppercase; color: #212121;}

/* Footer Content */

#FooterContent{ margin-top: 9px; margin-left: 30px; }
.FooterContent_Nav{font-size: 12px; text-align:left; float: left;}
.FooterContent_Copyright{font-size: 12px; text-align:right; margin-right: 21px; float: right;}


/* Company Profile & Sub Sections */

.CompanyProfile{float:left; width:982px;margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_company.jpg'); background-repeat: no-repeat;}
.CompanyProfile_Process{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_company_process.jpg'); background-repeat: no-repeat;}
.CompanyProfile_Prototype{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_company_prototyping.jpg'); background-repeat: no-repeat;}

.CompanyProfileLeft{ width: 682px; float: left;}
.CompanyProfile_TextButtonsBox{ margin-top: 81px; margin-left: 22px; width: 660px; height: 280px; line-height: 18px; font-size: 12px; color: #212121; text-align: left;}
.CompanyProfile_ButonsBox{width: 660px; margin-left: 22px; text-align: left;}
.CompanyProfile_Button1{width: 168px; height: 27px; margin-left: 2px; float: left;}
.CompanyProfile_Button2{width: 168px; height: 27px; margin-left: 2px; float: left;}
.CompanyProfile_Button3{width: 168px; height: 27px; margin-left: 2px; float: left;}

.CompanyProfileRight{margin-top: 81px; width: 233px; margin-right: 22px; text-align: left; float: right;}
.CompanyProfileRightImage1{width: 115px; height: 96px; float: left; margin-bottom: 2px; margin-right: 2px;}
.CompanyProfileRightImage2{width: 115px; height: 111px; margin-bottom:50px; float: left;}
.CompanyProfileRightImage3{width: 115px; height: 153px; float: right;}

.CompanyProfileRightButtonBox{margin-top: 10px;}
.CompanyProfileRightButtonOrange{width: 189px; height: 66px; margin-left: 20px; float: left;}
.CompanyProfileRightButtonOrangeReflection{width: 189px; height: 64px; margin-left: 20px; float: left;}

/* Edit by Jasmine */
/* Company Contact Us & Sub Sections */
#CompanyContact_Contact{float:left; width:982px;  margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_company_contactus.jpg'); background-repeat: no-repeat;}

#CompanyContactLeft{ margin-top: 81px; margin-left:25px; width: 600px; float: left; text-align:left;}
#CompanyContact_Form{ width:600px; margin-top:10px;}
#CompanyContact_Form01{float:left; width:150px;}
#CompanyContact_Form02{float:left; width:420px; margin-left:10px; text-align:left;}
.form400{width:400px; height:15px; border-style:solid; border-width:1px; border-color:#082c7a;}
.form400_multi{width:400px; height:40px; border-style:solid; border-width:1px; border-color:#082c7a; overflow-y:auto; font-family:Arial, Helvetica, sans-serif; size:12px;}
.content_black_middle{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
.link{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#082c7a;}
#CompanyContactLeft a:link{color:#082c7a; text-decoration:underline;}
#CompanyContactLeft a:hover{color:#082c7a; text-decoration:underline;}
#CompanyContactLeft a:visited{color:#082c7a; text-decoration:underline;}

#CompanyContactRight{margin-top: 81px; width:300px; margin-right: 22px; text-align: left; float: right;}


/* Company Request Quote & Sub Sections */
#CompanyQuote_Quote{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_company_quote.jpg'); background-repeat: no-repeat;}


#CompanyQuoteLeft{ margin-top: 81px; margin-left:25px; width: 600px; float: left; text-align:left;}
#CompanyQuote_Form{ width:600px; margin-top:10px;}
#CompanyQuote_Form01{float:left; width:150px;}
#CompanyQuote_Form02{float:left; width:420px; margin-left:10px; text-align:left;}
.form400{width:400px; height:15px; border-style:solid; border-width:1px; border-color:#082c7a;}
.form400_multi{width:400px; height:150px; border-style:solid; border-width:1px; border-color:#082c7a; overflow-y:auto; font-family:Arial, Helvetica, sans-serif; size:12px;}
.content_black_middle{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}

/* Company Products */
#CompanyProduct_Product{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left:9px; padding-bottom:30px; min-height:580px; background-image:url('../images/bg/bg_products.jpg'); background-repeat: no-repeat;}

#CompanyProductLeft{ margin-top: 81px; margin-left:25px; width: 200px; float: left; text-align:left;}
#CompanyProductRight{ margin-top: 81px; margin-left:25px; width: 650px; float: left; text-align:left;}
#ProductList{float:left; width:650px; margin-top:10px;}
#ProductList_image{float:left; width:280px;}
#ProductList_text{float:left; margin-left:30px; width:340px;}

.topic_blue{font-family:Arial, Helvetica, sans-serif; font-size:14px;  color:#002878}


/* Company privacy*/
#CompanyPrivacye_Privacy{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_privacy.jpg'); background-repeat: no-repeat;}
#CompanyPrivacyLeft{ margin-top: 81px; margin-left:25px; width: 950px; float: left; text-align:left;}

/* Company term*/
#CompanyTerm_Term{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left: 9px; min-height: 580px; background-image:url('../images/bg/bg_term.jpg'); background-repeat: no-repeat;}
#CompanyTermLeft{ margin-top: 81px; margin-left:25px; width: 950px; float: left; text-align:left;}

/* Prototype and Design */
#PrototypeDesign{float:left; width:982px; margin-top: 5px; margin-right: 9px; margin-left: 9px; height: 580px; background-image:url('../images/bg/bg_PrototypeDesign.jpg'); background-repeat: no-repeat;}
#PrototypeDesignLeft{ width: 682px; float: left;}



/* End Edit by Jasmine */


/* THIS IS THE SECTION WHERE THE NAVIGATIONAL SYSTEM WILL RESISDE. */
/*/////////////////////////////////////////////////////////////////*/

.BuildForFutureLinks a:link {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #ffffff;}
.BuildForFutureLinks a:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #ffffff;}
.BuildForFutureLinks a:active {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #ffffff;}
.BuildForFutureLinks a:hover {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #3cafff;}

.BuildForFutureLinks_Grey a:link {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #ffffff;}
.BuildForFutureLinks_Grey a:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #ffffff;}
.BuildForFutureLinks_Grey a:active {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #ffffff;}
.BuildForFutureLinks_Grey a:hover {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration:none; letter-spacing : -1px; color: #a5dafd;}


.NormalLinks a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #212121; font-weight: bold;}
.NormalLinks a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #212121; font-weight: bold;}
.NormalLinks a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #212121; font-weight: bold;}
.NormalLinks a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #9c9c9c; font-weight: bold;}

.FooterLinks a:link {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; text-decoration: none;}
.FooterLinks a:visited {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; text-decoration: none;}
.FooterLinks a:active {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; text-decoration: none;}
.FooterLinks a:hover {font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; text-decoration: underline;}

/*////////////////////////////////////////////////////////////////*/