/* CSS Document */ /* SpaetekUI */ @font-face { font-family:'wf_SpaetekUI'; src:url('SpaetekUI/latest.eot'); src:url('SpaetekUI/latest.eot?#iefix') format('embedded-opentype'), url('SpaetekUI/latest.woff') format('woff'), url('SpaetekUI/latest.ttf') format('truetype'), url('SpaetekUI/latest.svg#web') format('svg'); font-weight:normal; font-style:normal /* font-family: "wf_SpaetekUI", "Spaetek UI", sans-serif;*/ } /* wf_SpaetekUILigh */ @font-face { font-family:'wf_SpaetekUILight'; src:url('SpaetekUILight/latest.eot'); src:url('SpaetekUILight/latest.eot?#iefix') format('embedded-opentype'), url('SpaetekUILight/latest.woff') format('woff'), url('SpaetekUILight/latest.ttf') format('truetype'), url('SpaetekUILight/latest.svg#web') format('svg'); font-weight:normal; font-style:normal /* font-family: "wf_SpaetekUILight", "Spaetek UI", sans-serif;*/ } body {padding:0; margin:0; font-size:15px; line-height:20px; font-weight:normal; color:#606060; font-family: Verdana,Arial,Helvetica,sans-serif;} p{padding:0;} img{border:0; outline:none} a{ cursor:pointer; outline:none; font-family:'wf_SpaetekUI'; text-decoration:none; color:#4e4c4d;} a:hover{ cursor:pointer; outline:none; font-family:'wf_SpaetekUI'; text-decoration:underline; color:#4e4c4d;} h1{ font-family:'wf_SpaetekUI'; text-decoration:none; color:#333333; font-size:25px; font-weight:normal;} h2{ font-family:'wf_SpaetekUI'; text-decoration:none; color:#333333; font-size:17px; font-weight:normal;} /* Home Page Starts Here */ div.MainContainer{display:block; position:relative; width:100%; height:100%; padding:0;} div.TopContainer{display:block; position:relative; width:100%; height:420px; padding:0; background:url(../images/top_cont_bg.jpg) repeat top;} div.Container{display:block; position:relative; width:960px; height:100%; margin:auto; padding:0;} div.TopMenuContainer{display:block; position:relative; float:left; width:960px; height:65px;} div.TopMenuLeft{display:block; position:relative; float:left; width:9px; height:60px; background:url(../images/top_menu_left.png) right no-repeat;} div.TopMenuRight{display:block; position:relative; float:left; width:9px; height:60px; background:url(../images/top_menu_right.png) left no-repeat; clear:right;} div.TopMenuCenter{display:block; position:relative; float:left; width:942px; height:60px; background:url(../images/top_menu_center.png) center repeat-x;} div.CoreITLogo{display:block; position:relative; float:left; height:60px; width:186px; padding:1px 0 0 0px;} div.TopMenuOuter{display:block; position:relative; float:left; height:60px; width:650px; padding:0 0 0 7px; clear:right;} div.TopMenuUpperOuter{display:block; position:relative; float:left; height:30px; width:650px; padding:0 0 0 0;} div.SearchBox{display:block; position:relative; float:left; height:30px; width:500px; padding:0 0 0 0;} div.SearchIcon{display:block; position:relative; float:left; height:27px; width:32px; padding:5px 0 0 5px; background:#68b92e;} div.RegisterOuter{display:block; position:relative; float:left; height:25px; width:230px; padding:5px 10px 0 98px; clear:right;} div.TopMenu{display:block; position:relative; float:left; height:60px; width:650px; padding:20px 0 0 0;} div.TopMenu ul{margin:0; padding:0; float:left; list-style:none;} div.TopMenu li{float:left;} /*div.TopMenu li a{float:left; width:103px; height:30px; color:#92929b; text-decoration:none; font-size:14px; font-weight:normal; text-align:center; margin:0; padding:5px 0 0 0;}*/ div.TopMenu li a{float:left; width:103px; height:30px; color:#fbaf17; text-decoration:none; font-size:14px; font-weight:normal; text-align:center; margin:0; padding:5px 0 0 0;} /*div.TopMenu li a:visited{text-decoration:none; color:#92929b; font-size:14px;}*/ div.TopMenu li a:visited{text-decoration:none; color:#fbaf17; font-size:14px;} /*div.TopMenu li a:active{text-decoration:none; color:#92929b; font-size:14px; float:left; background:#68b92e;}*/ div.TopMenu li a:active{text-decoration:none; color:#fbaf17; font-size:14px; float:left; background:#fbaf17;} /*div.TopMenu li a:hover{text-decoration:none; color:#FFFFFF; font-size:14px; float:left; background:#68b92e; outline:none;}*/ div.TopMenu li a:hover{text-decoration:none; color:#FFFFFF; font-size:14px; float:left; background:#fbaf17; outline:none;} /*div.TopMenu li a.current{text-decoration:none; color:#FFFFFF; font-size:14px; float:left; background:#68b92e;}*/ div.TopMenu li a.current{text-decoration:none; color:#FFFFFF; font-size:14px; float:left; background:#fbaf17;} div.TopMenu li spacer{width:5px; float:left; background:#FFFFFF;} div.Banner{display:block; position:relative; float:left; height:350px; width:960px; padding:0 0 0 0; background:url(../images/banner_bg.png) center no-repeat;} /*div.TFNContainer{display:block; position:relative; float:left; width:100%; height:105px; padding:0; background:#e9ecf1; border-bottom:1px solid #aab6bd;}*/ div.TFNContainer{display:block; position:relative; float:left; width:100%; height:20px; padding:0; background:#e9ecf1; border-bottom:1px solid #aab6bd;} div.CallResContainer{display:block; position:relative; float:left; height:77px; width:445px; padding:28px 0 0 0;} div.CallResIcon{display:block; position:relative; float:left; height:77px; width:60px; padding:0 15px 0 0;} div.CallResOuter{display:block; position:relative; float:left; height:77px; width:370px; padding:5px 0 0 0; clear:right;} div.CallRes{display:block; position:relative; float:left; height:34px; width:370px;} div.CallResText{display:block; position:relative; float:left; height:30px; width:370px; font-size:15px;} div.TFNDivider{display:block; position:relative; float:left; height:92px; width:1px; padding:13px 25px 0 25px; background:url(../images/tdn-divider.jpg) center no-repeat;} div.TFNCont{display:block; position:relative; float:left; height:77px; width:444px; padding:28px 0 0 20px; clear:right;} div.TFNOuter{display:block; position:relative; float:left; height:77px; width:369px; padding:5px 0 0 0; clear:right;} div.TFN{display:block; position:relative; float:left; height:34px; width:369px;} div.TFNText{display:block; position:relative; float:left; height:30px; width:369px; font-size:15px;} div.SetupOuter{display:block; position:relative; float:left; height:323px; width:297px; padding:50px 0 50px 0;} div.SetupTop{display:block; position:relative; float:left; height:7px; width:297px; background:url(../images/setup-top.jpg) bottom center;} div.SetupBottom{display:block; position:relative; float:left; height:7px; width:297px; background:url(../images/setup-bottom.jpg) top center;} div.SetupCenter{display:block; position:relative; float:left; height:309px; width:295px; background:url(../images/setup-center.jpg) top repeat-x; border-left:1px solid #68b92e; border-right:1px solid #68b92e;} div.SetupIcon{display:block; position:relative; float:left; height:90px; width:295px; padding:25px 0 0 0; text-align:center;} div.SetupTitle{display:block; position:relative; float:left; height:35px; width:295px; padding:25px 0 0 0; text-align:center;} div.SetupText{display:block; position:relative; float:left; height:70px; width:285px; padding:0 5px 0 5px; text-align:center; font-size:14px;} div.SetupButton{display:block; position:relative; float:left; height:42px; width:111px; padding:10px 0 0 92px; text-align:center;} div.SetupButton a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button.png) center no-repeat;} div.SetupButton a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.SetupButton a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.ServiceDivider{display:block; position:relative; float:left; height:323px; width:34px; padding:50px 0 50px 0;} div.DiagnoseTop{display:block; position:relative; float:left; height:7px; width:297px; background:url(../images/diagnose-top.jpg) bottom center;} div.DiagnoseBottom{display:block; position:relative; float:left; height:7px; width:297px; background:url(../images/diagnose-bottom.jpg) top center;} div.DiagnoseCenter{display:block; position:relative; float:left; height:309px; width:295px; background:url(../images/diagnose-center.jpg) top repeat-x; border-left:1px solid #b8b9b9; border-right:1px solid #b8b9b9;} div.DiagnoseButton{display:block; position:relative; float:left; height:42px; width:111px; padding:10px 0 0 92px; text-align:center;} div.DiagnoseButton a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/gray_button.png) center no-repeat;} div.DiagnoseButton a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/gray_button_active.png) center no-repeat;} div.DiagnoseButton a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/gray_button_active.png) center no-repeat;} div.OptimizationOuter{display:block; position:relative; float:left; height:323px; width:297px; padding:50px 0 50px 0; clear:right;} div.OptimizationTop{display:block; position:relative; float:left; height:7px; width:297px; background:url(../images/optimize-top.jpg) bottom center;} div.OptimizationBottom{display:block; position:relative; float:left; height:7px; width:297px; background:url(../images/optimize-bottom.jpg) top center;} div.OptimizationCenter{display:block; position:relative; float:left; height:309px; width:295px; background:url(../images/optimize-center.jpg) top repeat-x; border-left:1px solid #68b92e; border-right:1px solid #68b92e;} div.OptimizationButton{display:block; position:relative; float:left; height:42px; width:111px; padding:10px 0 0 92px; text-align:center;} div.OptimizationButton a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button.png) center no-repeat;} div.OptimizationButton a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.OptimizationButton a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.FeatContainer{display:block; position:relative; float:left; width:100%; height:100%; padding:0; background:url(../images/feature_bg.jpg) repeat;} div.FeatTitle{display:block; position:relative; float:left; width:400px; height:25px; padding:15px 0 0 20px; left no-repeat; font-size:25px; color:#ff7f27; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3); margin-top:15px;} div.FeatOuter{display:block; position:relative; float:left; width:960px; height:100%; padding:15px 0 20px 0;;} div.FeatImg{display:block; position:relative; float:left; width:420px; height:100%; padding:0; text-align:center;} div.FeatDetailOuter{display:block; position:relative; float:left; width:540px; height:100%; padding:10px 0 0 0;} div.FeatDetail{display:block; position:relative; float:left; width:540px; height:100%; padding:0 0 30px 0; font-size:15px; line-height:24px; text-align: justify} div.FeatMoreOuter{display:block; position:relative; float:left; width:540px; height:100%;} div.KnowMoreButton{display:block; position:relative; float:left; height:42px; width:111px; padding:10px 0 0 0;} div.KnowMoreButton a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button.png) center no-repeat;} div.KnowMoreButton a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.KnowMoreButton a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.FeatTollFree{display:block; position:relative; float:left; height:20px; width:300px; padding:20px 0 0 30px; clear:right;} div.FeatDivider{display:block; position:relative; float:left; height:2px; width:960px; padding:10px 0 10px 0; background:url(../images/feat_divider.png) center no-repeat;} div.FeatureNewsCont{display:block; position:relative; float:left; height:100%; width:520px; padding:0 0 0 0;} div.FeatNewsTitle{display:block; position:relative; float:left; width:500px; height:40px; padding:15px 0 0 20px; background:url(../images/feat_arrow.png) left no-repeat; font-size:29px; color:#000000; margin-top:15px;} div.FeatureNewsArrow{display:block; position:relative; float:left; height:20px; width:455px; padding:0 0 0 65px;} div.FeatureNews{display:block; position:relative; float:left; height:100%; width:480px; font-size:14px; padding:20px 20px 20px 20px; background:#ffffff;} div.TestimonialCont{display:block; position:relative; float:left; height:100%; width:390px; padding:0 0 20px 50px; clear:right;} div.TestimonialTitle{display:block; position:relative; float:left; width:370px; height:40px; padding:15px 0 0 20px; background:url(../images/feat_arrow.png) left no-repeat; font-size:29px; color:#000000; margin-top:15px;} div.Testimonial{display:block; position:relative; float:left; height:100%; width:390px; font-size:14px; padding:10px 0 0 0;} div.TestimonialLink{display:block; position:relative; float:left; height:25px; width:390px; padding:10px 0 0 0; text-align:right;} div.BottomContainer{display:block; position:relative; float:left; width:100%; height:100%; padding:0; background:url(../images/bottom_bg.jpg) repeat;} div.BottomLeftOuter{display:block; position:relative; float:left; width:785px; height:100%; padding:20px 0 30px 0;} div.BottomMenu{display:block; position:relative; float:left; width:785px; height:30px; padding:0 0 0 0;} div.BottomDetail{display:block; position:relative; float:left; width:785px; height:100%; padding:5px 0 0 0; font-size:12px; color:#767575; line-height:15px;} div.BottomRightOuter{display:block; position:relative; float:left; width:175px; height:100%; padding:12px 0 20px 0; text-align:right; clear:right; font-size:14px; line-height:30px; color:#767575;} div.LeftPane{display:block; position:relative; float:left; width:325px; height:100%; padding:0 20px 0 0; margin:50px 0 0 0;} div.RightPane{display:block; position:relative; float:left; width:584px; height:100%; padding:0 0 0 30px; border-left:1px solid #cccccc; clear:right; margin:50px 0 30px 0;} div.LeftBanner{display:block; position:relative; float:left; width:325px; height:100%; padding:0 0 15px 0;} div.ServicesTitle{display:block; position:relative; float:left; width:305px; height:35px; padding:15px 0 0 20px; background:url(../images/feat_arrow.png) left no-repeat; font-size:29px; color:#000000;} div.ContentTitle{display:block; position:relative; float:left; width:564px; height:30px; padding:7px 0 0 20px; background:url(../images/feat_arrow.png) left no-repeat; font-size:29px; color:#000000;} div.ContentOuter{display:block; position:relative; float:left; width:584px; height:100%; padding:10px 0 0 0; font-size:14px; line-height:22px; text-align:justify;} div.ServicesContent{display:block; position:relative; float:left; width:325px; height:100%;} div.ServicesContent ul{ float:left; margin:0; padding:0 0 0 15px; list-style-image:url(../images/brand_list_image.jpg); list-style-position:inside; line-height:25px;} div.ServicesContent li{float:left; text-decoration:none; width:250px; font-weight:normal; padding:0; font-size:13px; color:#606060;} div.ServicesContent li a{text-decoration:none; font-weight:normal; color:#606060;} div.ServicesContent li a:visited{text-decoration:none; font-weight:normal; color:#606060;} div.ServicesContent li a:active{text-decoration:none; font-weight:normal; color:#606060;} div.ServicesContent li a:hover{text-decoration:underline; font-weight:normal; color:#606060;} div.ContFieldOuter{display:block; position:relative; width:584px; height:40px; float:left; padding:10px 0 10px 0;} div.ContFieldText{display:block; position:relative; width:134px; height:25px; float:left; padding:22px 0 0 0;} div.ContFieldTextBox{display:block; position:relative; width:450px; height:40px; float:left; padding:15px 0 0 0;} div.ContSendBtn{display:block; position:relative; width:111px; height:32px; float:left; padding:20px 0 10px 134px;} div.ContSendBtn a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button.png) center no-repeat;} div.ContSendBtn a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.ContSendBtn a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} /* Span Classes Starts Here */ span.TollFree{font-family:'wf_SpaetekUI'; text-decoration:none; color:#68b92e; font-size:22px;} span.TFNNumber{font-family:'wf_SpaetekUI'; text-decoration:none; color:#68b92e; font-size:36px;} span.HeadingBlue{font-family:'wf_SpaetekUI'; text-decoration:none; color:#68b92e; font-size:22px;} span.BlueLink13{ font-family: 'wf_SpaetekUI'; font-size:13px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink13 a:link{ font-family: 'wf_SpaetekUI'; font-size:13px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink13 a:active{font-size:13px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink13 a:visited{font-size:13px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink13 a:hover{font-size:13px; color:#68b92e; text-decoration:underline; font-weight:normal;} span.BlueLink14{ font-family: 'wf_SpaetekUI'; font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink14 a:link{ font-family: 'wf_SpaetekUI'; font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink14 a:active{font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink14 a:visited{font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal;} span.BlueLink14 a:hover{font-size:14px; color:#68b92e; text-decoration:underline; font-weight:normal;} span.FSLink{ font-family: 'wf_SpaetekUI'; font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal; } span.FSLink a:link{ font-family: 'wf_SpaetekUI'; font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal; } span.FSLink a:active{font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal; } span.FSLink a:visited{font-size:14px; color:#68b92e; text-decoration:none; font-weight:normal; } span.FSLink a:hover{font-size:14px; color:#68b92e; text-decoration:underline; font-weight:normal; } span.FooterLink{ font-family:'wf_SpaetekUI'; font-size:13px; color:#676767; text-decoration:none; font-weight:normal; } span.FooterLink a:link{ font-family:'wf_SpaetekUI'; font-size:13px; color:#676767; text-decoration:none; font-weight:normal; } span.FooterLink a:active{font-size:13px; color:#676767; text-decoration:none; font-weight:normal; } span.FooterLink a:visited{font-size:13px; color:#676767; text-decoration:none; font-weight:normal; } span.FooterLink a:hover{font-size:13px; color:#676767; text-decoration:underline; font-weight:normal; } /* Span Classes Ends Here */ /* Plans and Payment Gateway Pages Starts Here */ div.PlanContainer{display:block; position:relative; float:left; width:584px; height:100%; padding:20px 0 10px 0;} div.PlanOuter{display:block; position:relative; float:left; width:280px; height:100%; background:#ecf2f6; border:1px solid #d9dee1; margin-right:20px; padding:20px 0 20px 0;} div.PlanName{display:block; position:relative; float:left; width:274px; height:100%; padding:0 3px 10px 3px; color:#0089d0; font-size:20px; line-height:normal; text-align:center;} div.GetStartedButton{display:block; position:relative; float:left; height:42px; width:111px; padding:10px 0 0 0; margin-left:86px; text-align:center;} div.GetStartedButton a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button.png) center no-repeat;} div.GetStartedButton a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.GetStartedButton a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.PlanOuterRight{display:block; position:relative; float:left; width:280px; height:100%; background:#ecf2f6; border:1px solid #d9dee1; padding:20px 0 20px 0; clear:right;} div.PlanConditions{display:block; position:relative; float:left; width:584px; height:100%; padding:120px 0 10px 0;} div.PlanConditions ul{ float:left; margin:0; padding:0 0 0 15px; list-style-image:url(../images/brand_list_image.jpg); list-style-position:inside; line-height:22px;} div.PlanConditions li{float:left; text-decoration:none; width:584px; font-weight:normal; padding:0; font-size:12px; color:#606060;} span.Compulsory{ font-family:'wf_SpaetekUI'; font-size:13px; color:#ed5400; text-decoration:none; font-weight:normal; } div.PaymentAgree{display:block; position:relative; float:left; width:450px; height:100%; padding:20px 0 10px 134px; font-size:14px;} div.PGSubmitButton{display:block; position:relative; float:left; height:42px; width:111px; padding:10px 0 0 0; margin-left:134px; text-align:center;} div.PGSubmitButton a{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button.png) center no-repeat;} div.PGSubmitButton a:active{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} div.PGSubmitButton a:hover{float:left; width:111px; height:32px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:normal; text-align:center; margin:0; padding:10px 0 0 0; background:url(../images/blue_button_active.png) center no-repeat;} /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper li{ top:-20px;} .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 25px; width: 100%; right:70px; } /* PAGER */ .bx-wrapper .bx-pager { text-align: right; font-size: 0em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #91a1ac; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { right: 42px; background: url(../images/controls.png) no-repeat 0 0px; } .bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -24px 0px; } .bx-wrapper .bx-prev:hover { background-position: 0px -24px; } .bx-wrapper .bx-next:hover { background-position: -24px -24px; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 93%; margin-top: -16px; outline: 0; width: 24px; height: 24px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) 0px 0px no-repeat; margin: 0 3px; }