@charset "utf-8";
/******************************************************************************/
/*						GENERAL - SECTION									  */
/******************************************************************************/
html, form { height:100%; }

body{ margin:0; padding:0; background:#e8e8e8 url(../images/bg_body.gif); font-family:Arial, Helvetica, sans-serif;}
img { border:none; }
h1 { font-size:15px; font-weight:normal; margin:0; padding:14px 0 8px 14px; color:#f1f1f1; }
h2 { margin:0; font-size:13px; font-weight:bold;}
marquee { margin:0; }
p { margin:0; font-size:12px; padding:6px 10px; color:#4f4f4f; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; list-style:none; }
hr { clear:both; }
a { color:#3f70ff; text-decoration:none; }
a:hover { color:#5f5f5f; text-decoration:underline; }
dl { margin:0; padding:6px 0px; }
dt { padding:8px 0 0 10px; font-size:13px; font-weight:bold; color:#5d5d5d; }
dd { font-size:12px; font-weight:normal; color:#2f2f2f; padding:6px 10px 8px 10px; }
fieldset { margin:0; }
legend { margin:0; padding:0; font-size:14px; color:#333333; }

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

.bodyContainer {width:970px; margin:0 auto; background:#FFFFFF; }
.mainContainer { margin:0 auto; padding:0 16px;}

/******************************************************************************/
/*						HEADER - SECTION									  */
/******************************************************************************/ 

.headerContainer { width:938px; height:66px; }
.headerContainer div { float:left; }
.logoAutoparts { margin-top:14px; position:absolute;}
div.logoTuv { margin:14px 0 0 10px; position:absolute; margin-left:580px; }
.calenderClock {  width:258px; height:48px; margin-left:83px;}
.topNav { width:298px; height:50px; background:url(../images/bg_topnav.gif) repeat-x; margin-left:640px; position:absolute;}
.topNavLeft { top:0px; left:0; position:absolute; }
.topNavRight { top:0px; right:0; position:absolute; }
.topNav ul { list-style:none; margin:0; }
.topNav li { float:left; list-style:none; border-right:1px #bbb9b9 solid; padding:1px 17px 4px 17px; }
.topNav li a {	display: block; margin:0; padding:0; width:58px; text-align:center; text-decoration:none; }
.topNav li a:hover { }
.topNav div {	position:absolute; visibility:hidden; margin-top:5px; padding:0; border:1px #FFFFFF solid; }
.topNav div a {	position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left;text-decoration:none; background:#717171; color:#cfcfcf; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.topNav div a.sourceNav:hover { background:#a73d3d; color:#f2f2f2; }
.topNav div a.inspNav:hover { background:#865535; color:#f2f2f2; }
.topNav div a.enggNav:hover { background:#387a33; color:#f2f2f2; }
.topNav div a.itNav:hover { background:#3c57a8; color:#f2f2f2; }
.topNav div a.mmediaNav:hover { background:#b5b424; color:#f2f2f2; }
a.loginLink { color:#cf1010; text-decoration:underline; font-size:11px; clear:both; position:absolute; margin-left: 260px; margin-top:28px;}
div.loginPanel {position:absolute;margin-left: 300px; margin-top:20px; z-index:100;}
table.loginTable {background-color:#f2f2f2; border:#ccc 1px solid; font-size:11px;}
table.loginTable td {padding:6px;}

/******************************************************************************/
/*						AllPAGE - BANNER'S									  */
/******************************************************************************/  

.bannerHomepage { width:938px; height:330px; }
.bannerAboutus, .bannerContact, .bannerSource, .bannerInspection, .bannerEngineer, .bannerInformation, .bannerMmedia { width:938px; height:120px;  }
.bannerAboutus, .bannerContact { background:url(../images/bg_banner_contact.jpg) repeat-x; }
.bannerSource { background:url(../images/bg_banner_source.jpg) repeat-x; }
.bannerInspection { background:url(../images/bg_banner_Inspection.jpg) repeat-x; }
.bannerEngineer { background:url(../images/bg_banner_engineer.jpg) repeat-x; }
.bannerInformation { background:url(../images/bg_banner_information.jpg) repeat-x; }
.bannerMmedia { background:url(../images/bg_banner_mmedia.jpg) repeat-x; }
.bannerAboutus span, .bannerContact span, .bannerSource span, .bannerInspection span, .bannerEngineer span, .bannerInformation span, .bannerMmedia span { float:left;}
.bannerAboutusTitle, .bannerContactTitle, .bannerSourceTitle, .bannerEngineerTitle, .bannerInspectionTitle, .bannerInformationTitle, .bannerMmediaTitle { font-size:30px; color:#fafafa; font-weight:bold; padding:38px 0 0 560px; }
.bannerContactTitle { padding-left:540px; }
.bannerSourceTitle { padding-left:480px; }
.bannerInspectionTitle { padding-left:460px; }
.bannerEngineerTitle { padding-left:540px; }
.bannerInformationTitle { padding-left:300px; }
.bannerMmediaTitle { padding-left:480px; }

/******************************************************************************/
/*						HOMEPAGE - CONTENT									  */
/******************************************************************************/

.bottomPanelContainer { width:938px; padding:20px 0; background:#FFFFFF; height:190px; }
.bottomPanelContainer div { float:left; margin-right:23px;}
.panelNewsEvents, .panelAwardsCert, .panelDownloads, .panelTesmonials { width:217px; height:190px; background:url(../images/bg_features_panel.gif) no-repeat; }
.panelNewsEvents div, .panelAwardsCert div , .panelDownloads div, .panelTesmonials div { margin-right:0 }
.panelNewsIcon, .panelAwardsIcon, .panelDownIcon, .panelTestIcon { position:absolute; width:39px; height:27px; margin-left:156px; }
.contentNewsEvents { width:175px; height:116px; margin:0 10px; padding:0 10px; }
.contentNewsEvents p {font-size:11px; color:#666; padding:10px 0; border-bottom:1px #C1C1C1 solid; }
.contentDownloads { width:197px; height:135px; margin:10px 0 6px 10px; }
.contentDownloads ul { list-style:none; margin:0; padding:0; }
.contentDownloads li { list-style:none; margin:0; background:url(../images/icon_link_arrow.gif) no-repeat 10px 6px; padding-left:34px; }
.contentDownloads li a { font-size:12px; text-decoration:none; }
.contentDownloads li a:hover { text-decoration:underline; }
.contentAwardsCert, .contentAwardsCert1, .contentTesmonials, .contentTesmonials1  { width:197px; height:65px; margin:6px 0 4px 10px; border-bottom:1px #CCCCCC solid; }
.contentAwardsCert1, .contentTesmonials1 { border-bottom:none; }
.contentAwardsCert a,.contentAwardsCert1 a, .contentTesmonials a, .contentTesmonials1 a { text-decoration:underline; }
.contentAwardsCert img, .contentAwardsCert1 img, .contentTesmonials img, .contentTesmonials1 img { float:left; padding:0px 6px 2px 0;}
.contentAwardsCert p, .contentAwardsCert1 p, .contentTesmonials P, .contentTesmonials1 p { font-size:11px; color:#666; padding:2px 6px; }

/******************************************************************************/
/*						FOOTER - SECTION									  */
/******************************************************************************/

.footerContainer { width:938px; height:28px; border-top:2px #ebebeb solid; font-size:11px; color:#6e6e6e; padding-top:10px; }
.footerContainer a { text-decoration:none; color:#6d6d6d; }
.footerContainer a:hover { color:#3f6ffa; }
.footerContainer span { margin-left:80px; }

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

.subpageBreadCrump { font-size:12px; color:#4a4a4a; width:938px; padding:10px 0 10px 0px; }

/******************************************************************************/
/*						ABOUT US - PAGE									  	  */
/******************************************************************************/
.contentAbout { width:938px; height:auto; margin-bottom:14px; }
.contentAboutLeft { width:710px; vertical-align:top; background-color:#f2f2f2; }
.contentAboutRight { width:228px; vertical-align:top; background-color:#fff; }
td.aboutMiddle img {float:left; padding:10px 10px 10px 6px;}
td.aboutMiddle p { font-size:11px; padding:10px 10px; }
td.nomargin { height:14px; }
.titleAboutIsoCerti, .titleAboutSoftware { width:205px;}
.titleAboutIsoCerti h2, .titleAboutSoftware h2 { margin:0; font-size:14px; font-weight:normal; padding:0; color:#2a2a2a; }

/******************************************************************************/
/*						CONTACT US - PAGE									  */
/******************************************************************************/

.contentContact { width:938px; height:auto; margin-bottom:14px;}
.contentContactLeft { width:550px; vertical-align:top; padding-right:20px;}
.contentContactRight { width:368px; vertical-align:top;}
.contentContactLeft fieldset img {float:right; margin:0 10px 8px 0; }
.contentContactRight fieldset table { font-size:12px; margin:0; }
.contentContactLeft h2 { padding:10px 0 10px 11px; }
.contactChief { width:548px; height:106px; border:1px #cfcfcf solid; margin-top:14px; }
.contactChief div { float:left; margin:8px 0 8px 10px; }
.contactSellerBuyer { width:548px; height:127px; border:1px #cfcfcf solid; margin-top:14px; }
.contactGoal { height:28px; border:1px #cfcfcf solid; margin-top:14px; background:#f0f0f0; }
.colRequired {color:red;}

/******************************************************************************/
/*						CONTACT US - FORM									  */
/******************************************************************************/

#form { width:320px; margin:0 auto; margin-top:10px; }
.cssform p { width: 190px; clear: left; margin:0; padding:4px 0px 4px 0px; padding-left: 135px; 
	/*width of left column containing the label elements*/ }
.cssform label { font-weight:normal; float: left; margin-left: -135px; /*width of left column*/
	width: 130px; /*width of labels. Should be smaller than left column (135px) to create some right margin*/ }
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; }
.cssform textarea { width: 180px; height: 90px; }
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/

/******************************************************************************/
/*						SOURCE - PAGE						  			  */
/******************************************************************************/

.contentSource { width:938px; height:auto; margin-bottom:14px; }
.contentSourceLeft { width:710px; vertical-align:top; background-color:#f2f2f2; }
.contentSourceRight { width:228px; vertical-align:top; background-color:#fff; }
td.sourceMiddle img {float:left; padding:10px 10px 0 6px;}
td.sourceMiddle p { font-size:11px; padding:10px 10px; }
.sourceMiddle li { list-style:none; margin:0; background:url(../images/icon_link_arrow.gif) no-repeat 10px 12px; padding:6px 0px 4px 34px; }
.sourceMiddle li a { font-size:12px; text-decoration:none; }
.sourceMiddle li a:hover { text-decoration:underline; }
.titleSourceTesti, .titleSourcePrsentation { width:205px; height:30px; }
.titleSourceTesti h2, .titleSourcePrsentation h2 { margin:0; font-size:14px; font-weight:normal; padding:7px 0px 6px 36px; color:#2a2a2a; }
.titleSourcePrsentation h2 { background:url(../images/icon_subpage_view.jpg) no-repeat 10px 6px; }
.titleSourceTesti h2 { background:url(../images/icon_subpage_testimonials.gif) no-repeat 10px 6px; }

/******************************************************************************/
/*						INSPECTION - PAGE						  			  */
/******************************************************************************/

.contentInspection { width:938px; height:auto; margin-bottom:14px; }
.contentInspectionLeft { width:710px; vertical-align:top; background-color:#f2f2f2; }
.contentInspectionRight { width:228px; vertical-align:top; background-color:#fff; }
.titleInspectionDashboard, .titleInspectionView { width:205px; height:30px; }
td.inspectionMiddle { width:203px; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;}
td.inspectionMiddle img {float:left; padding:10px 10px 0 6px;}
td.inspectionMiddle p { font-size:11px; padding:10px 10px; }
.inspectionMiddle ul { list-style:none; margin:0; padding:0; }
.inspectionMiddle li { list-style:none; margin:0; background:url(../images/icon_link_arrow.gif) no-repeat 10px 14px; padding:10px 2px 4px 34px; }
.inspectionMiddle li a { font-size:12px; text-decoration:none; }
.inspectionMiddle li a:hover { text-decoration:underline; }
.titleInspectionDownload { width:205px; height:30px; background: url(../images/bg_inspection_title_rightnav.gif) no-repeat;}
td.inspectionTesti p { font-size:11px; padding:10px 10px; }
.titleInspectionDashboard h2, .titleInspectionView h2, .titleInspectionDownload h2 { margin:0; font-size:12px; font-weight:normal; padding:7px 0px 6px 36px; color:#fff; }
.titleInspectionDashboard h2 { background:url(../images/icon_subpage_dashboard.gif) no-repeat 10px 6px; }
.titleInspectionView h2 { background:url(../images/icon_subpage_view.jpg) no-repeat 10px 6px; }
.titleInspectionDownload h2 { background:url(../images/icon_about_download.gif) no-repeat 10px 6px; }

/******************************************************************************/
/*						ENGINEERING - PAGE								 	  */
/******************************************************************************/

.contentEngineer { width:938px; height:auto; margin-bottom:14px; }
.contentEngineerLeft { width:710px; vertical-align:top; background-color:#f2f2f2; }
.contentEngineerRight { width:228px; vertical-align:top; background-color:#fff; }
td.engineerMiddle { width:203px; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;}
td.engineerMiddle img {float:left; padding:10px 10px 0 6px;}
td.engineerMiddle p { font-size:11px; padding:10px 10px; }
.engineerMiddle ul { list-style:none; margin:0; padding:0;}
.engineerMiddle { font-size:12px; color:#4f4f4f; }
.engineerMiddle li { list-style:none; margin:0; background:url(../images/icon_link_arrow.gif) no-repeat 10px 11px; padding:8px 2px 4px 34px; }
.engineerMiddle li a { font-size:12px; text-decoration:none; }
.engineerMiddle li a:hover { text-decoration:underline; }
.titleEngineerCurrentProject, .titleEngineerPortfolio, .titleEngineerDownload { width:205px; height:30px; background: url(../images/bg_engin_title_rightnav.gif) no-repeat; }
.titleEngineerCurrentProject h2, .titleEngineerPortfolio h2, .titleEngineerDownload h2 { margin:0; font-size:12px; font-weight:bold; padding:7px 0px 6px 36px; color:#f9f9f9; }
.titleEngineerCurrentProject h2 { background:url(../images/icon_about_currentproject.gif) no-repeat 10px 6px; }
.titleEngineerPortfolio h2 { background:url(../images/icon_about_portfolio.gif) no-repeat 10px 6px; }
.titleEngineerDownload h2 { background:url(../images/icon_about_download.gif) no-repeat 10px 6px; }

/******************************************************************************/
/*						INFORMATION TECHNOLOGY - PAGE						  */
/******************************************************************************/

.contentInformation { width:938px; height:auto; margin-bottom:14px; }
.contentInformationLeft { width:710px; vertical-align:top; background-color:#f2f2f2; }
.contentInformationRight { width:228px; vertical-align:top; background-color:#fff; }
td.informationMiddle { width:203px; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;}
td.informationMiddle img {float:left; padding:10px 10px 0 6px;}
td.informationMiddle p { font-size:11px; padding:10px 10px; }
.informationMiddle li { list-style:none; margin:0; background:url(../images/icon_link_arrow.gif) no-repeat 10px 12px; padding:6px 0px 4px 34px; }
.informationMiddle li a { font-size:12px; text-decoration:none; }
.informationMiddle li a:hover { text-decoration:underline; }
.titleInformationCurrentProject, .titleInformationPortfolio, .titleInformationDownload { width:205px; height:30px; background:url(../images/bg_about_title_rightnav.gif) no-repeat; }
.titleInformationCurrentProject h2, .titleInformationPortfolio h2, .titleInformationDownload h2, .titleInformationTesimonials h2 { margin:0; font-size:12px; font-weight:bold; padding:7px 0px 6px 36px; color:#f9f9f9; }
.titleInformationCurrentProject h2 { background:url(../images/icon_about_currentproject.gif) no-repeat 10px 6px; }
.titleInformationPortfolio h2 { background:url(../images/icon_about_portfolio.gif) no-repeat 10px 6px; }
.titleInformationDownload h2 { background:url(../images/icon_about_download.gif) no-repeat 10px 6px; }
.titleInformationTesimonials h2 { background:url(../images/icon_subpage_testimonials.gif) no-repeat 10px 6px; }
.titleInformationTesimonials h2 { color:#2a2a2a; font-size:14px; font-weight:normal; }
td.informationTesti img {float:left; padding:10px 10px 0 6px;}
td.informationTesti p { font-size:11px; padding:10px 10px; }
.product_subtitle { font-size:16px; text-decoration:none; font-weight:bold;}

/******************************************************************************/
/*						MULTIMEDIA - PAGE									  */
/******************************************************************************/

.contentMmedia { width:938px; height:auto; margin-bottom:14px; }
.contentMmediaLeft { width:710px; vertical-align:top; background-color:#f2f2f2; }
.contentMmediaRight { width:228px; vertical-align:top; background-color:#fff; }
td.mmediaMiddle { width:203px; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;}
td.mmediaMiddle img {float:left; padding:10px 10px 0 6px;}
td.mmediaMiddle p { font-size:11px; padding:10px 10px; }
.mmediaMiddle ul { list-style:none; margin:0; padding:0; }
.mmediaMiddle li { list-style:none; margin:0; background:url(../images/icon_link_arrow.gif) no-repeat 10px 12px; padding:9px 2px 4px 34px; }
.mmediaMiddle li a { font-size:12px; text-decoration:none; }
.mmediaMiddle li a:hover { text-decoration:underline; }
.titleMmediaCurrentProject, .titleMmediaPortfolio, .titleMmediaDownload { width:205px; height:30px; background:url(../images/bg_mmedia_title_rightnav.gif) no-repeat; }
.titleMmediaCurrentProject h2, .titleMmediaPortfolio h2, .titleMmediaDownload h2 { margin:0; font-size:12px; font-weight:bold; padding:7px 0px 6px 36px; color:#f9f9f9; }
.titleMmediaCurrentProject h2 { background:url(../images/icon_about_currentproject.gif) no-repeat 10px 6px; }
.titleMmediaPortfolio h2 { background:url(../images/icon_about_portfolio.gif) no-repeat 10px 6px; }
.titleMmediaDownload h2 { background:url(../images/icon_about_download.gif) no-repeat 10px 6px; }

/******************************************************************************/
ul.contentUL li { list-style-type:disc; font-size:12px; padding:3px 0 3px 4px; margin-left:14px;}

/******************************************************************************/
.smallText {font-size:11px; color:#666666;}