@charset "utf-8";

/* CSS Document */





/***** The CSS Class for the Websites to Align at the Bottom.  *****/



* {	margin: 0; }

html, body {color:#b6bec8; font-family:Arial, Helvetica, sans-serif; height: 100%; background:url(../images/home-bg.jpg) top left repeat-x #111b22;}

.wrapper {min-height: 100%; height: auto !important; height: 100%;	margin: 0 auto -145px 0; /* the bottom margin is the negative value of the footer's height */}

.footer {height:145px; /* .adjuster must be the same height as .footer */	background-color:#111b22;}

.adjuster {height:145px; /* .adjuster must be the same height as .footer */}





/*------------------------- End --------------------------*/







body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

.breaker{ clear:both;}



/* to preserve line-height and selector appearance */

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/*to enable resizing for IE*/

input,textarea,select{font-size:100%;}



/*because legend doesn't inherit in IE */

legend{color:#000;}

del,ins{text-decoration:none;}





.container {display:block; width:990px; margin:0 auto;}



/*CopyRight Area Starts */



.copyright {width:914px; margin:0 auto; /*background:url(../images/footer-bg.gif) top left repeat-y;*/ overflow:hidden; padding:20px 0 0 0; }



.addressSignature {width:914px; margin:0 auto; border-top:#283844 solid 1px; /*background:url(../images/footer-bg.gif) top left repeat-y;*/ overflow:hidden; }



.bottomServices{width:188px; float:left; border-right:#2c3c48 solid 1px; }

.servicesHead{width:165px; background:#161f26; color:#91335b; font-weight:bold; text-transform:uppercase; font-size:16px; padding:16px 5px 8px 18px;}

.servicesTxt{width:166px; color:#435b6c; text-transform:uppercase; font-size:12px; padding:0px 5px 0px 18px; line-height:23px;}





.bottomAddress{width:724px; float:left; margin:0 0 0 1px;}

.address01{width:724px; border-bottom:#283844 solid 1px; overflow:hidden;}

.quickContHead{width:164px; background:#161f26; border-top:#283844 solid 1px; padding:16px 5px 8px 11px; color:#91335b; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; font-weight:bold;}





.leftGrey{width:26px; height:112px; float:left; background:#161f26; border-right:#2c3c48 solid 1px; border-left:#2c3c48 solid 1px;}

.quickContTxt{width:160px; float:left; padding:6px 0 0 10px; color:#434b51; font-size:12px; line-height:18px;}

.phoneFaxTxt{ width:225px; height:100px; float:left; font-family:Arial Black, Helvetica, sans-serif; line-height:30px;  color:#212f3a; font-size:18px; padding:12px 5px 0 15px; border-right:#2c3c48 solid 1px; border-left:#2c3c48 solid 1px;}



.phoneFaxTxt a{color:#212f3a; font-size:18px; text-decoration:none;}

.phoneFaxTxt a:hover{color:#3c5569;}



.signatureTxtCopy{width:429px; height:109px; float:left; padding:15px 0 0 12px; font-size:11px; line-height:24px; color:#454d53; background:url(../images/bottom-sig-img.jpg) no-repeat top right;}

.signatureTxtCopy a{font-size:11px; color:#454d53; text-decoration:none;}

.signatureTxtCopy a:hover{color:#4b7695;}



.rightGrey{width:26px; height:112px; float:left; background:#161f26; border-right:#2c3c48 solid 1px; border-left:#2c3c48 solid 1px;}







/*.phoneFax{width:444px; height:139px; margin:0 0 0 25px;  float:left; border-right:#2c3c48 solid 1px;}

.phoneFaxTxt{ float:left; font-family:Arial Black, Helvetica, sans-serif;  color:#212f3a; font-size:32px;}

.mechanicPic{width:70px; float:left; margin:1px 0 0 2px;}





.address02{width:724px; overflow:hidden;}

.addressDownColor{width:181px; height:65px; background-color:#161f26; float:left; border-right:#2c3c48 solid 1px;}

.signatureTxtImg{width:517px; height:109px; margin:0 0 0 25px; float:left; background:url(../images/motor.jpg) top right no-repeat;}

.signatureTxtCopy{ padding:15px 0 0 0; font-size:11px; line-height:24px; color:#454d53;}



.signatureTxtCopy a{font-size:11px; color:#454d53; text-decoration:none;}

.signatureTxtCopy a:hover{color:#4b7695;}

*/





/*CopyRight Area Ends */



/*Header Area Starts */

.header{ width:990px; }

.logoArea{width:296px; float:left;}

.topMenuArea{width:694px; float:left;}

.topDownMenuImg{width:694px;}





/*Top Menu Area Starts */

.menuMid{width:694px; height:35px;}

.topMenu01{width:66px; float:left;}

.topMenu02{ width:322px; float:left;}

a.topMenuHome{width:85px; height:23px; padding:9px 0 3px 0; background:url(../images/i-top-home-bg.jpg) top left no-repeat; color:#cccccc;  font-size:12px; font-weight:bold; text-align:center; text-decoration:none; float:left; }

a.topMenuHome:hover{color:#faed23; background:url(../images/i-top-home-bg.jpg)no-repeat left -35px ;}



a.topMenuFaq{width:92px; height:23px; padding:9px 0 3px 0; background:url(../images/i-top-faq-bg.jpg) top left no-repeat; color:#cccccc;  font-size:12px; font-weight:bold; text-align:center; text-decoration:none; float:left;}

a.topMenuFaq:hover{color:#faed23; background:url(../images/i-top-faq-bg.jpg) left -35px no-repeat;}



a.topMenuContact{width:145px; height:23px; padding:9px 0 3px 0; background:url(../images/i-top-contact-bg.jpg) no-repeat left top ; color:#cccccc; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; float:left;}

a.topMenuContact:hover{color:#faed23; background:url(../images/i-top-contact-bg.jpg) no-repeat left -35px;}



.topMenu03{width:150px; float:left;}



.topMenuMember{width:156px; height:23px; padding:9px 0 3px 0; float:left; background:url(../images/i-top-member-login.jpg) no-repeat left top; color:#ccc; text-transform:uppercase !important; font-size:12px !important; font-weight:bold !important; text-align:left; text-decoration:none;}

.topMenuMember a{color:#ccc; text-transform:uppercase !important; font-size:12px !important; font-weight:bold !important; text-align:left; text-decoration:none;}

.topMenuMember a:hover{color:#faed23 !important;}



.dropDownOutter{width:195px; padding:0 0 0 490px;}







/*Top Menu Area Ends */



/*Header Area Ends */





/*Logged Area Starts */

.loggedArea{width:156px; float:left; text-align:left; height:23px; padding:12px 0 0 0; background:url(../images/home-logged-in.jpg) no-repeat top left !important; color:#FFFFFF; /*text-transform:uppercase;*/ font-size:12px; font-weight:bold;}



.profileLink{width:529px; height:27px; background:url(../images/logged-in-bg.png) no-repeat top left; margin:8px -396px 0; padding:6px 5px 0 0; position:relative; text-align:right; color:#faed23;}

.profileLink a{ font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none; margin:0 12px 0 12px;}

.profileLink a:hover{color:#faed23;}



/*Logged Area Ends */





/*Content Area Starts */

.content{ /*width:990px;*/ overflow:hidden; clear:both;}



.contentMidImg{width:17px; float:left;}



/*Left Menu Starts */

.leftMenuArea{width:209px; float:left;}

.leftMenuHolder{width:171px; margin: 0 0 0 38px;}

.leftMenuContainer{width:171px; background:url(../images/i-left-menu-top-bg.jpg) no-repeat top left #91335b;}

.leftMenuBottom{width:171px;}



ul.homeLeftMenu {width:171px; list-style:none; padding:20px 0 0 0;}

li.mainMenuArea {font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; color:#cccccc; text-transform:uppercase; background:url(../images/main-menu-line.jpg) bottom left  repeat-x; font-weight:bold; padding:9px 10px 10px 18px;}



li.mainMenuArea a{color:#cccccc; text-decoration:none;}

li.mainMenuArea a:hover{color:#fbee24;}





/*Sub Menu Starts */



li.subMenuArea{font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; color:#cccccc; text-transform:uppercase; background:url(../images/main-smenu-line.jpg) bottom left  repeat-x #c33c76 !important; padding:9px 10px 10px 28px; font-weight:bold; }



li.subMenuArea a{color:#efefef; text-decoration:none;}

li.subMenuArea a:hover{color:#faed23;}



/*Sub Menu Ends */





/*Sub Sub Menu Starts */



li.subSubMenuArea{font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; color:#cccccc; text-transform:uppercase; background:url(../images/main-ssmenu-line.jpg) bottom left  repeat-x #601435 !important; padding:9px 10px 10px 38px; font-weight:bold; }



li.subSubMenuArea a{color:#efefef; text-decoration:none;}

li.subSubMenuArea a:hover{color:#faed23;}



/*Sub Sub Menu Ends */





/*Left Menu Ends */



/*Left Services Area Starts */

.leftServiceHolder{width:171px; margin: 25px 0 0 38px;}

.leftServiceHead{width:171px; background-color:#161f26; border-top:#283844 solid 1px; padding:15px 5px 9px 11px; font-size:16px; color:#91335b; text-transform:uppercase; font-weight:bold;}

.leftServiceTxt{width:171px; padding:5px 5px 9px 11px; color:#425a6b; text-transform:uppercase; font-size:12px; line-height:22px; }





/*Left Services Area Ends */



/*Header and Content Area Starts */

.headingContentArea{width:764px; float:left;}

.headingArea{width:764px; height:70px; background:url(../images/i-heading-bg.jpg) no-repeat top left;}

.headingTxt{width:662px; border-bottom:#dc98b5 solid 1px; font-size:17px; color:#ca3876; font-weight:bold; text-transform:uppercase; padding:25px 0 7px 0; margin-left:20px;}



.contentOutter{width:661px; min-height:400px; background:#f5f5f5; padding:20px 39px 10px 25px;}



#contentContainer{width:661px; font-size:12px; color:#4f4e4e; line-height:18px;}



#contentContainer img{ border:#d5dae2 solid 1px; padding:5px; margin:6px;}



#contentContainer a{font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#f86d32; font-size:12px; font-weight:bold;}

#contentContainer a:hover{color:#000000; text-decoration:none;}



#contentContainer ul {margin-left:35px; list-style-type:none; margin-bottom:10px;}

#contentContainer li { background:url(../images/content-arrow.png) no-repeat left top; padding:0 0 0 20px; line-height:16px; margin:4px 0 4px 0;}



#contentContainer h1{font-family:Arial, Helvetica, sans-serif; font-size:18px;}

#contentContainer h2{font-family:Arial, Helvetica, sans-serif; font-size:17px;}

#contentContainer h3{font-family:Arial, Helvetica, sans-serif; font-size:16px;}

#contentContainer h4{font-family:Arial, Helvetica, sans-serif; font-size:15px;}

#contentContainer h5{font-family:Arial, Helvetica, sans-serif; font-size:14px;}

#contentContainer h6{font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.txtHeadPink{font-family:Arial, Helvetica, sans-serif; color:#c33c76; font-size:14px; font-weight:bold;}

.txtHeadBlack{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:13px; font-weight:bold;}

.txtRedSmall{font-family:Arial, Helvetica, sans-serif; color:#b20408; font-size:12px; font-weight:bold;}



/* Case Studies, FAQ, Contact us CMS Area Starts */

#contentFaqCaseContact{width:661px; font-size:12px; color:#4f4e4e; line-height:18px;}



#contentFaqCaseContact a{font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#90004a; font-size:12px; font-weight:bold;}

#contentFaqCaseContact a:hover{color:#4f4e4e; text-decoration:none;}



#contentFaqCaseContact ul {margin-left:35px !important; list-style-type:none; margin-bottom:10px;}

#contentFaqCaseContact li { background:url(../images/content-arrow.png) no-repeat left top; padding:0 0 0 20px; line-height:16px; margin:4px 0 4px 0;}



#contentFaqCaseContact h1{font-family:Arial, Helvetica, sans-serif; font-size:18px;}

#contentFaqCaseContact h2{font-family:Arial, Helvetica, sans-serif; font-size:17px;}

#contentFaqCaseContact h3{font-family:Arial, Helvetica, sans-serif; font-size:16px;}

#contentFaqCaseContact h4{font-family:Arial, Helvetica, sans-serif; font-size:15px;}

#contentFaqCaseContact h5{font-family:Arial, Helvetica, sans-serif; font-size:14px;}

#contentFaqCaseContact h6{font-family:Arial, Helvetica, sans-serif; font-size:12px;}



/* Case Studies, FAQ, Contact us CMS Area Ends */



.contactFormArea{width:416px;}

.contactFormArea td{ padding:5px;}

.contactFormArea td .input{width:195px; border:#f9c1d9 solid 1px; padding:2px 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

.contactFormArea td .inputBox{width:195px; border:#f9c1d9 solid 1px; padding:2px 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

.contactFormArea td .sCode{width:100px; border:#f9c1d9 solid 1px; padding:2px 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}



/*.contactAdd{width:230px;}*/



.midImagePad{ margin:0 25px 0 25px;}





.contentDownImg{width:725px;}





/*Header and Content Area Ends */













/*Content Area Ends */





.txtCopyright {color:#999999; float:left;}

.txtCredit {color:#999999; float:right;}





.caseStudies{}

.caseStudies h3{ color:#F86D32; font-size:14px; font-weight:bold;}

.caseStudies h3 a{ color:#F86D32; text-decoration:none !important; font-size:14px; font-weight:bold;}

.caseStudies .ui-state-default a,

.caseStudies .ui-state-default a:link,

.caseStudies .ui-state-default a:Visited{ text-decoration:none; color:#F86D32; font-size:14px; font-weight:bold;}

.caseStudies .ui-state-default .ui-icon{ background:url(../images/case-studies-arrow-btn.jpg) no-repeat left 5px;}

#contentFaqCaseContact .ui-accordion .ui-accordion-header .ui-icon{ margin-top:0 !important; top:5px !important;}



.caseStudies .ui-state-active .ui-icon{ background:url(../images/case-studies-arrow-btn-on.jpg) no-repeat left 5px !important;}



.caseStudies h3 ui-state-default a{ color:#0000FF; text-decoration:none;}

.caseStudies h3 ui-state-default a:hiver{ color:#F86D32; text-decoration:none;}

.caseStudies .ui-icon{}

.caseStudies div.ui-accordion-content{ position: relative !important; top:auto !important; padding:0 0 10px 25px;}

.caseStudies div.ui-accordion-content img{ padding:10px 0;}

.caseStudies .ui-widget-content{ background-color:#f5f5f5 !important; border-bottom:1px solid #CCCCCC; width:630px; display:block; color:#4F4E4E; font-size:12px;}

.caseStudies .ui-accordion-header{ float:none !important;}





.underConstrcution{ text-align:center; padding:75px 0 0 0;}



#caseStudyContentID{}

#caseStudyContentID ul{margin-left:35px; list-style-type:none;}

#caseStudyContentID li{list-style-image:url(../images/content-arrow.png); line-height:16px; margin:8px 0 10px 0;}

#caseStudyContentID hr{ border:0; display:block; background:#ccc; color:#ccc; margin:0; padding:0; height:1px;}

#caseStudyContentID a{font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#f86d32; font-size:12px; font-weight:bold;}

#caseStudyContentID a:hover{color:#000000; text-decoration:none;}



.gearRatio{ width:155px; height:53px; background:url(../images/gearratio.png) no-repeat; padding-top:19px; position:absolute; margin:14px 0 0 521px;}