* {margin:0; padding:0;}
body { margin:0 !important; padding:0;}
#home_bg{margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;font-size: 14px; background:url(../images/bg-top.jpg) repeat-x  top #FFFFFF; color:#000;}
#inner_bg{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size: 14px; background:url(../images/bg_inner.png) repeat-x  top #FFFFFF; color:#000;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.check{ float:left;width:17px; height:17px; background:url(../images/check.png) no-repeat; margin:0 10px 10px 0;}
.check1{ float:left;width:17px; height:17px; background:url(../images/check.png) no-repeat; margin:0 10px 0 0;}
#warapper{ width:100%; float:left; margin:0px; padding:0px;}
#main{ width:996px; margin:0 auto;}
.zoom{ float:left; height:29px; height:31px; margin:5px; 0 0 20px;}
.titla_header{ width:996px; float:left; height:50px; border:1px solid #000;}
.middle{ float:left; width:996px; height:50px; border:1px solid black;}
.header-part{ width:996px; height:180px; float:left;}
.headermain{ width:996px; float:left; height:128px; border:}
.heading_whyutracker{float:left;height:auto; padding:0 10px;}
.page_content{float:left; width:936px; margin:8px 0; line-height:22px;}
.page_contactus{float:left; width:956px; margin:8px 0 40px 0;}
.page_contactus h2{ padding:10px;}
.ol1{ margin:0 0 20px 60px;}
.pages_tital{ font-family:font-family:Franklin Gothic Medium Cond; color:#022d6c; font-size:20px; margin:10px 0 0 0;}
h2 a{ color:#000;}
h2 a:hover{ text-decoration:none;}
#navigations{padding: 15px; text-align:center}
.nav a{text-decoration:none; background:url(../images/nav-li-a-left.png) no-repeat left; font-size:17px; color:#000; padding:12px 0;}
.nav a span{background:url(../images/nav-li-a-right.png) no-repeat right; padding:10px 20px 10px 13px; margin-left:6px;}
.nav a:hover{text-decoration:none; background:url(../images/nav-li-hover-left1.png) no-repeat left; color:#000;}
.nav a:hover span{background:url(../images/nav-li-hover-right1.png) no-repeat right;}
.nav a.active {text-decoration:none; background:url(../images/nav-li-hover-left1.png) no-repeat left; color:#000;}
.nav a.active span{background:url(../images/nav-li-hover-right1.png) no-repeat right;}


.clear{ clear:both;}
.banner{ position:relative;background:url(../images/banner-01.jpg) no-repeat;width:996px; height:383px; float:left; padding:0px; margin:6px 0 0 0;}
.banner_titla_inner{position:relative;width:996px; height:122px; float:left; padding:5px 0 0 0; margin:1px 0 0 0; text-align:center;}
.inner_page_tital{ width:965px; float:left; font-family:Franklin Gothic Medium Cond; font-size:32px; text-align:center; margin:10px 0 0 0;}
.inner_page_tital a{ color:#000;}
.inner_page_tital a:hover{ color:#000; text-decoration:none;}
.conatactnow{position:absolute;height:44px;width:266px; bottom:0;margin:0 0 3px 150px;left: 214px;}
.contentarea{width:996px; height:auto; float:left;}
.contentmiddle .arrow1{ float:left; width:18px; height:160px; background:url(../images/arrow-01.jpg) no-repeat; margin:0px; padding:0px;}
.contentmiddle .arrow2{ float:left; width:17px; height:160px; background:url(../images/arrow-02.jpg) no-repeat;}
.contentmiddle .arrow3{ float:left; width:16px; height:160px; background:url(../images/arrow-03.jpg) no-repeat;}
.titlamiddle{ float:left; color:#022d6c; font-family:Candara; font-weight:bold; font-size:24px; text-align:center; width:996px; padding:24px 0 5px 0; }
.copyright{ width:996px; float:left; color:#666666; text-align:center; font-size:12px; margin:0 0 15px 0;}
.shadow{ float:left; background:url(../images/hrbottom.jpg) no-repeat; width:996px; height:12px; margin:0 0 6px 0;}
.contentmiddle{ float:left; width:996px;}
.gpsbased-tracking{ float:left; width:229px; margin-left:16px;}
.gpsbased-tracking2{ float:left; width:226px; margin:0px; padding:0px;}
.gpsbased-tracking2 .preg2{ font-size:13px;margin:5px 0 8px 5px; float:left; color:#666666; text-align:center; line-height:19px;}
.logo{ width:380px; height:128px; float:left;}
.gpsbased-tracking .tital{ font-size:14px; font-weight:bold; margin:25px 1px 9px 2px; float:left;}
.gpsbased-tracking .preg{ font-size:13px;margin:5px 0 0 5px; float:left; color:#666666; line-height:19px;}
.gpsbased-tracking .preg1{ font-size:13px;margin:5px 0 0 5px; float:left; color:#666666; text-align:center;}
.logo{ width:380px; height:128px; float:left;}
.login-key{width:167px; height:30px; float:right; margin: 0px; background:url(../images/login-key.png) no-repeat; padding:10px 0 0 0;}
.login-key a{ text-decoration:none; color:#000; font-weight:bold; padding:0 0 0 8px;}
.map{ width:26px; height:18px; float:right; margin:53px 0 0 0; background:url(../images/map.jpg) no-repeat;}
.hederrightbar_map{ float:right; width:170px; height:118px;}


/*************footer**********************/
.footerwidth{width:100%; height:51px; background:url(../images/footerBg.png) repeat-x; margin:0;}
.footer{ width:996px; margin:auto;}
/***********************************************************************************/

.teb_menu_images a{ height:58px; width:58px;background:url(../images/circle_bg_two.png) no-repeat;}
.teb_menu_titla{ padding:10px 0; width:996px;}
.teb_menu_titla a{color:#000; text-decoration:none; padding:15px 2px 0 8px;}

/*****************************************images*****************************************************/
.trackmenu{ float:left; text-align:center; height:118px;}

.trackmenu a { padding:12px 0; }
.trackmenu a span{ /*float:left; */padding:7px 8px 12px 0; margin-left:8px;}
.trackmenu a:hover { padding:12px 0; background:url(../images/tebs_hover_left.png) left no-repeat;}
.trackmenu a:hover span{ /*float:left; */padding:7px 8px 12px 0; margin-left:8px;  background:url(../images/tebs_hover_right_bar.png) right no-repeat}

.trackmenu a.selected{ padding:12px 0; background:url(../images/tebs_hover_left.png) left no-repeat;}

.teb_menu_titla a .img_one{ float:left;height:58px; width:58px; background:url(../images/circle_bg_two.png) no-repeat; margin:0 0 15px 60px;}
.teb_menu_titla a:hover .img_one{ height:58px; width:58px; background:url(../images/circle_bg_one.png); }

.teb_menu_titla a .img_two{float:left; height:58px; width:58px; background:url(../images/dashbord_white.png) no-repeat;margin:0 0 15px 16px;}
.teb_menu_titla a:hover .img_two{ height:58px; width:58px; background:url(../images/dashbord_blue.png);}

.teb_menu_titla a .img_three{float:left; height:58px; width:58px; background:url(../images/alert_white.png) no-repeat;margin:0 0 15px 50px;}
.teb_menu_titla a:hover .img_three{ height:58px; width:58px; background:url(../images/alert_white_blue.png);}

.teb_menu_titla a .img_four{float:left; height:58px; width:58px; background:url(../images/userbuttons.png) no-repeat;margin:0 0 15px 22px;}
.teb_menu_titla a:hover .img_four{ height:58px; width:58px; background:url(../images/userbuttons_blue.png);}

.teb_menu_titla a .img_five{float:left; height:58px; width:58px; background:url(../images/reporting.png) no-repeat;margin:0 0 15px 9px;}
.teb_menu_titla a:hover .img_five{ height:58px; width:58px; background:url(../images/reporting_blue.png);}

.teb_menu_titla a .img_six{float:left; height:58px; width:58px; background:url(../images/engine.png) no-repeat;margin:0 0 15px 31px;}
.teb_menu_titla a:hover .img_six{ height:58px; width:58px; background:url(../images/engine_blue.png);}

.teb_menu_titla a .img_seven{float:left; height:58px; width:58px; background:url(../images/key.png) no-repeat;margin:0 0 15px 53px;}
.teb_menu_titla a:hover .img_seven{ height:58px; width:58px; background:url(../images/key_blue.png);}

.teb_menu_titla a .img_eight{float:left; height:58px; width:58px; background:url(../images/screenshot.png) no-repeat;margin:0 0 15px 16px;}
.teb_menu_titla a:hover .img_eight{ height:58px; width:58px; background:url(../images/screenshot_blue.png);}

/******************************************************************************************************/
.tebs_main{ float:left;width:996px; height:auto;}
.teb1{height:auto; width:996px;float:left;}
.teb_bg_top{ float:left; height:27px; width:996px; background:url(../images/tebs_bg_top.png) top no-repeat;}
.teb_bg_top_a{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_a.png) top no-repeat;}
.teb_bg_top_b{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_b.png) top no-repeat;}
.teb_bg_top_c{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_c.png) top no-repeat;}
.teb_bg_top_d{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_d.png) top no-repeat;}
.teb_bg_top_e{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_e.png) top no-repeat;}
.teb_bg_top_f{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_f.png) top no-repeat;}
.teb_bg_top_g{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_g.png) top no-repeat;}
.teb_bg_top_h{ float:left; height:42px; width:996px; background:url(../images/tebs_bg_top_h.png) top no-repeat;}


.teb_bg_bottom{ float:left; height:22px; width:996px; background:url(../images/tebs_bg_bottom.png) top no-repeat;}
.middle_content{ float:left; width:936px; background:#FFF; min-height:350px; height:auto; padding:0 30px 0 30px;}
.map_tracking{ float:left; width:312px; height:204px; background:url(../images/map_track.png) no-repeat;}
.map_right_side{float:left; margin:30px 0 0 20px; width:312px;}
.screenshoot{ float:left; width:936px; margin:0 0 10px 0; text-align:center;}
.middle_content h2{padding:0;}
.content_tracking{ float:left; margin:0 0 0 20px; width:577px;}
.content_tracking span{ line-height:22px;}
.content_tracking_home_menu{ float:left; margin:30px 0 0 30px; width:597px;}
.home_menu{ float:left; width:597px; margin:0 0 3px 0;}
/*---------------------------------------*/
.tab-menu { border:1px solid red;}
.tab-menu a { /*background:url(../images/tebs_hover_left.png) no-repeat left; */padding:12px 0;}
.tab-menu a span { /*background:url(../images/tebs_hover_right_bar.png) no-repeat right; */margin-left:24px; padding:12px 24px 12px 0;}
.middle_content table td{ padding:10px 10px 0 10px;}


/**************************************************************************************************************/
ul.tabs {width:996px;margin:31px 0 0 0;padding:0;float:left;list-style:none;}
ul.tabs li {display:block;float:left;list-style:none;}
ul.tabs li .defaulttab{width:159px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_one_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab:hover{ background:url(../images/teb_img_one_a_hover.png) no-repeat; width:159px; height:97px;}
ul.tabs li .defaulttab.selected{ background:url(../images/teb_img_one_a_hover.png) no-repeat;}

ul.tabs li .defaulttab1{width:81px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_two_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab1:hover{ background:url(../images/teb_img_two_a_hover.png) no-repeat; width:81px; height:97px;}
ul.tabs li .defaulttab1.selected{ background:url(../images/teb_img_two_a_hover.png) no-repeat;}

ul.tabs li .defaulttab3{width:151px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_three_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab3:hover{ background:url(../images/teb_img_three_a_hover.png) no-repeat; width:151px; height:97px;}
ul.tabs li .defaulttab3.selected{ background:url(../images/teb_img_three_a_hover.png) no-repeat; width:151px; height:97px;}

ul.tabs li .defaulttab4{width:94px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_four_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab4:hover{ background:url(../images/teb_img_four_a_hover.png) no-repeat; width:94px; height:97px;}
ul.tabs li .defaulttab4.selected{ background:url(../images/teb_img_four_a_hover.png) no-repeat; width:94px; height:97px;}

ul.tabs li .defaulttab5{width:71px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_five_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab5:hover{ background:url(../images/teb_img_five_a_hover.png) no-repeat; width:71px; height:97px;}
ul.tabs li .defaulttab5.selected{ background:url(../images/teb_img_five_a_hover.png) no-repeat; width:71px; height:97px;}

ul.tabs li .defaulttab6{width:108px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_six_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab6:hover{ background:url(../images/teb_img_six_a_hover.png) no-repeat; width:108px; height:97px;}
ul.tabs li .defaulttab6.selected{ background:url(../images/teb_img_six_a_hover.png) no-repeat; width:108px; height:97px;}

ul.tabs li .defaulttab7{width:163px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_seven_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab7:hover{ background:url(../images/teb_img_seven_a_hover.png) no-repeat; width:163px; height:97px;}
ul.tabs li .defaulttab7.selected{ background:url(../images/teb_img_seven_a_hover.png) no-repeat; width:163px; height:97px;}

ul.tabs li .defaulttab8{width:86px;height:97px;display:block;padding:5px;font-size:0.8em;background:url(../images/teb_img_eight_a.png) no-repeat;text-decoration:none;}
ul.tabs li .defaulttab8:hover{ background:url(../images/teb_img_eight_a_hover.png) no-repeat; width:86px; height:97px;}
ul.tabs li .defaulttab8.selected{ background:url(../images/teb_img_eight_a_hover.png) no-repeat; width:86px; height:97px;}


.selected {
    font-weight:bold;
	color:#000;
}
.tab-content {
	clear:both;
}

.t1{ float:left; width:996px; height:auto;}