@charset "utf-8";

/*==================================*/

/* Theme Name: CabSaas Theme */
/* Author Name: Team Infogird */
/* Author URI: http://www.infogird.com */
/* Date: 28,09,2015 */

/*==================================*/


/*	_RESET
-----------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-style: normal;}
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }


/*	_BODY
-----------------------------------------------*/
Body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:left; background-color:#fff; }

.clr{ clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }

::selection { background:#ff8a18; color:#fff; }
::-moz-selection { background:#ff8a18; color:#fff; }
::-webkit-selection { background:#ff8a18; color:#fff; }

.OrangeColor{ color:#ff8a18; }

/*	_HEADER
-----------------------------------------------*/

#HeaderWrapper{ width:100%; height:auto; float:left; padding:20px 0 20px 0; background-color:#fff; border-bottom:1px solid #ccc; }
.HeaderInnerWrapper{ width:1000px; height:auto; margin:auto; }

.WebsiteLogo{ width:300px; height:auto; float:left; margin:8px 0 0 0; }


.TopRightDiv{ width:500px; height:auto; float:right; }

.TopQuickLinks{ width:auto; height:auto; float:right; font-size:13px; text-align:left; color:#5d5d5d; font-weight:normal; }
.TopQuickLinks a{ color:#5d5d5d; text-decoration:none;}
.TopQuickLinks a:hover{ color:#06c0cb;}

.PhoneNoOuter{ width:500px; height:auto; float:left; margin:10px 0 0 0; }
.PhoneNoDiv{ width:auto; height:35px; float:right; background-color:#06c0cb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:0 10px 0 10px; }
.PhoneIcon{ width:39px; height:35px; float:left; background:url(../images/phone-new-icon.png) no-repeat scroll 0 3px transparent; margin:0 10px 0 0; border-right:1px solid #fff;  }
.PhoneNumber{ width:auto; height:35px; line-height:35px; float:left; font-size:22px; text-align:left; color:#fff; font-weight:normal; }
.OfficeTime{ width: 100%; height: auto; float: left; color:#5d5d5d; text-align: right; margin: 10px 0px 0px; font-size: 16px;}

/*	_BANNER IMAGE
-----------------------------------------------*/
#BannerWrapper{ width:100%; height:auto; float:left; background:url(../images/banner-image.jpg) no-repeat scroll center top / cover; }
#BannerWrapper img{ width:100%; height:auto; }


#SearchBoxWrapper{ width:1000px; height:auto; margin:auto; }

.SearchBoxTitle{ width:1000px; height:auto; float:left; }
.SearchBoxTitle h1{ width:1000px; height:auto; float:left; display:block; padding:0; margin:20px 0 5px 0; font-size:35px; text-align:center; color:#fff; font-weight:normal; }
.SearchBoxTitle p{ width:1000px; height:auto; float:left; display:block; padding:0; margin:0; font-size:20px; text-align:center; color:#fff; font-weight:normal; }


/*	_SEARCH BOX
-----------------------------------------------*/
#TabWrapper{ width:998px; height:auto; float:left; margin:20px 0 0 0; background-color:#fff; border:1px solid #ccc; }

.Menuwrapper{ width:996px; height:auto; float:left; background-color:#f3f3f3; border-bottom:1px solid #ccc; }
.DropDownMenu{ width:34px; height:28px; float:right; background:url(../images/sprite.png) no-repeat scroll 0 -462px transparent; margin:13px 10px 0 0; cursor:pointer; }

.menu-career { width:auto; height:55px; float:left; margin:0;}
.menu-career ul { padding:0; margin:0; }
.menu-career li { height:55px; float:left; display: inline; background:url(../images/div.jpg) repeat-y scroll right 0; }
.menu-career li:last-child{ background-image:none;}

.menu-career li a { width:auto; height:55px; line-height:55px; padding:0 38px 0 38px; float:left; border-bottom: none; text-decoration: none; font-size:16px; color:#323232; font-weight:normal; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.menu-career li a:hover { width:auto; height:56px; color:#ff8a18; background-color:#fff; -webkit-box-shadow: inset 0px 5px 0px #ff8a18; -moz-box-shadow: inset 0px 5px 0px #ff8a18; box-shadow: inset 0px 5px 0px #ff8a18; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu-career li.active a { width:auto; height:56px; color:#ff8a18; background-color:#fff; -webkit-box-shadow: inset 0px 5px 0px #ff8a18; -moz-box-shadow: inset 0px 5px 0px #ff8a18; box-shadow: inset 0px 5px 0px #ff8a18; }

.content { width: 978px; height:auto; float: left; clear: both; margin:10px 0 0 10px; }
.BoxShadow{ width:1000px; height:auto; float:left; }

/*OUTSTATION TAB*/
#SearchBoxLeftSection{ width:660px; height:auto; float:left; margin:0 0 10px 0;}
.TripTypeDiv{ width:660px; height:auto; float:left; margin:10px 0 0 0; }
.TripTypeTitle{ font-size:14px; text-align:left; color:#323232; font-weight:normal; margin:0 10px 0 0; }

.SearchInputBoxOuterDiv{ width:660px; height:auto; float:left; margin:10px 0 0 0; }

.SearchInputBoxDiv{ width:292px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 10px 0 0; }
.SearchInputBox{ width:282px; height:32px; float:left; border:none; background:none; margin:5px 0 0 5px; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px transparent; }

.MinusBtn{ width:23px; height:23px; float:left; margin:10px 6px 0 0; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll 0 0 transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.MinusBtn:hover{ background-position:0 -28px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.PlusBtn{ width:23px; height:23px; float:left; margin:10px 0 0 0; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -28px 0 transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.PlusBtn:hover{ background-position:-28px -28px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


#SearchBoxRightSection{ width:300px; height:auto; float:right; margin:0 0 10px 0; }

.RightSectionInputOuter{ width:300px; height:auto; float:left; margin:37px 0 0 0; }
.RightSectionInputOuter2{ width:300px; height:auto; float:left; margin:10px 0 0 0;}

.PickupDateInputBoxDiv{ width:143px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0; }
.PickupDateInputBox{ width:133px; height:32px; float:left; border:none; background:none; margin:5px 0 0 5px; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:url(../images/calender.png) no-repeat scroll 95% 7px transparent;}

.PickupDateInputBoxDiv2{ width:143px; height:42px; float:right; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0; }
.PickupDateInputBox2{ width:133px; height:32px; float:left; border:none; background:none; margin:5px 0 0 5px; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:url(../images/clock.png) no-repeat scroll 95% 7px transparent;}

.SearchBtnOuterDiv{ width:978px; height:auto; float:left; margin:0 0 10px 0;}
.SearchBtn{ width:145px; height:45px; line-height:45px; float:right; background-color:#ff8a18; font-size:20px; text-align:center; color:#fff; font-weight:normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #c96300; border:none; }
.SearchBtn:hover{ background-color:#fb7d03; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}



/*	_WHY BOOK WITH US
-----------------------------------------------*/
#WhyBookWrapper{ width:100%; height:auto; float:left; margin:220px 0 0 0; }
.WhyBookInnerWrapper{ width:1000px; height:auto; margin:auto; font-size:24px; text-align:center; color:#323232; font-weight:normal; text-transform:uppercase; }

#ServiceWrapper{ width:100%; height:auto; float:left; background-color:#06c0cb; margin:15px 0 0 0; padding:0 0 20px 0; }
.ServiceInnerWrapper{ width:1000px; height:auto; margin:auto; }

.EasyStepsOuterDiv{ width:455px; height:auto; float:left; margin:20px 0 0 30px; }

.EasyStepsIcon{ width:65px; height:65px; float:left; margin:0 0 0 195px; background:url(../images/sprite.png) no-repeat scroll 0 -61px transparent;}
.SecuredIcon{ width:65px; height:65px; float:left; margin:0 0 0 195px; background:url(../images/sprite.png) no-repeat scroll -75px -61px transparent;}
.ServicesIcon{ width:65px; height:65px; float:left; margin:0 0 0 195px; background:url(../images/sprite.png) no-repeat scroll -150px -61px transparent;}
.SupportIcon{ width:65px; height:65px; float:left; margin:0 0 0 195px; background:url(../images/sprite.png) no-repeat scroll -225px -61px transparent;}

.EasyStepsOuterDiv h1{ width:455px; height:auto; float:left; font-size:20px; text-align:center; color:#fff; font-weight:normal; padding:0; margin:10px 0 0 0;}
.EasyStepsOuterDiv p{ width:455px; height:auto; float:left; font-size:14px; text-align:center; color:#fff; font-weight:normal; padding:0; margin:10px 0 0 0; }




.PopularCityTitle{ width:100%; height:auto; float:left; padding:0; margin:0 0 15px 0; font-size:24px; text-align:center; color:#323232; font-weight:normal; text-transform:uppercase; }

.MumbaiCity{ width:250px; height:200px; float:left; display:block; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.MumbaiCity .caption { opacity: 0; position: absolute; height:200px; width: 250px; top: 0px; left: 0px; padding:0; color: white; background:#000; text-align: center; font-weight:bold; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:default; } 
.MumbaiCity .caption .Box{ width:230px; height:180px; float:left; margin:8px 0 0 8px; border:1px solid #fff;}
.MumbaiCity .caption .Box h1{ width:220px; height:auto; float:left; padding:0; margin:0; display:block; margin:30px 0 0 5px; font-size:18px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; }
.MumbaiCity .caption .Box p{ width:220px; height:auto; float:left; padding:0; margin:0; display:block; margin:5px 0 0 5px; font-size:14px; text-align:center; color:#fff; font-weight:normal; }
.MumbaiCity:hover .caption { opacity: 0.7; }
.MumbaiCityBtn a{ width:100px; height:30px; line-height:30px; float:left; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 0 0 65px; display:block; font-size:13px; text-align:center; color:#323232; text-decoration:none; }

/*	_FOOTER
-----------------------------------------------*/
#FooterWrapper1{ width:100%; height:auto; float:left; background-color:#323232; padding:10px 0 10px 0; margin:25px 0 0 0; }
.FooterInnerWrapper1{ width:1000px; height:auto; margin:auto; }

.FooterQuickLink{ width:220px; height:auto; float:left; }
.FooterQuickLinkTitle{ width:220px; height:auto; float:left; border-bottom:1px solid #fff; font-size:14px; text-align:left; color:#fff; font-weight:normal; padding:0 0 10px 0; text-transform:uppercase; }
.FooterQuickLinkList{ width:220px; height:auto; float:left; margin:10px 0 0 0; }
.FooterQuickLinkList ul{ padding:0; margin:0; }
.FooterQuickLinkList li{ padding:0; margin:0 0 5px 0; list-style-type:none;}
.FooterQuickLinkList li a{ font-size:13px; text-align:left; color:#fff; font-weight:normal; text-decoration:none; }
.FooterQuickLinkList li a:hover{ text-decoration:underline; }

.FooterWeAcceptDiv{ width:200px; height:auto; float:left; 
margin:0 0 0 20px; }
.FooterWeAcceptTitle{ width:200px; height:auto; float:left; border-bottom:1px solid #fff; font-size:14px; text-align:left; color:#fff; font-weight:normal; padding:0 0 10px 0; text-transform:uppercase; }
.PaymentCardImage{ width:177px; height:23px; float:left; margin:10px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -61px -14px transparent; }

.FooterSecuredByDiv{ width:200px; height:auto; float:left; margin:0 0 0 20px; }
.FooterSecuredByTitle{ width:200px; height:auto; float:left; border-bottom:1px solid #fff; font-size:14px; text-align:left; color:#fff; font-weight:normal; padding:0 0 10px 0; text-transform:uppercase; }
.FooterSecuredByLogo{ width:62px; height:48px; float:left; margin:10px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -248px -1px transparent; } 

.FooterTestimonilDiv{ width:320px; height:auto; float:left; margin:0 0 0 20px; }
.FooterTestimonilTitle{ width:320px; height:auto; float:left; border-bottom:1px solid #fff; font-size:14px; text-align:left; color:#fff; font-weight:normal; padding:0 0 10px 0; text-transform:uppercase; }


.TestimonilQuotes{ width:320px; height:150px; float:left; background:url(../images/sprite.png) no-repeat scroll 0 -136px transparent; margin:10px 0 0 0; }
.TestimonilTitle{ width:248px; height:auto; float:left; margin:20px 0 0 36px; font-size:14px; text-align:center; color:#ff8a18; font-weight:bold; text-transform:uppercase; }
.TestimonilMessage{ width:248px; height:auto; float:left; margin:5px 0 0 36px; font-size:14px; text-align:center; color:#fff; font-style:italic; }
.TestimonilAutherName{ width:248px; height:auto; float:left; margin:5px 0 0 36px; font-size:14px; text-align:center; color:#ff8a18; font-weight:bold; }

#FooterWrapper2{ width:100%; height:auto; float:left; padding:10px 0 10px 0; }
.FooterInnerWrapper2{ width:1000px; height:auto; margin:auto; }
.CopyRightDiv{ width:1000px; height:auto; float:left; font-size:13px; text-align:center; color:#5d5d5d; font-weight:normal; }

.SocialMediaDiv{ width:190px; height:auto; float:right; }
.SocialMediaTitle{ width:auto; float:left; font-size:14px; text-align:left; color:#5d5d5d; font-weight:bold; }
.FacebookIcon a{ width:22px; height:19px; float:right; display:block; background:url(../images/sprite.png) no-repeat scroll -320px -15px transparent; margin:0 5px 0 0; }
.TwitterIcon a{ width:22px; height:19px; float:right; display:block; background:url(../images/sprite.png) no-repeat scroll -347px -15px transparent; margin:0 5px 0 0; }
.GooglePulsIcon a{ width:22px; height:19px; float:right; display:block; background:url(../images/sprite.png) no-repeat scroll -374px -15px transparent; margin:0 5px 0 0; }
.LindinIcon a{ width:22px; height:19px; float:right; display:block; background:url(../images/sprite.png) no-repeat scroll -401px -15px transparent; }


/*	_SEARCH PAGE
-----------------------------------------------*/

#InnerPageWrapper{ width:100%; height:auto; float:left; }
.InnerPageDiv{ width:1000px; height:auto; margin:auto; padding:0 0 20px 0; }

#ModifySearchWrapper{ width:998px; height:auto; float:left; border:1px solid #ccc; border-top:none; }

.ModifyDiv{ width:998px; height:51px; float:left; position:relative; }
.ModifyBtn{ width:109px; height:62px; line-height:50px; float:left; background:url(../images/sprite.png) no-repeat scroll -300px -57px transparent; z-index:1003; position:absolute; left:0; top:0; cursor:pointer; font-size:15px; text-align:center; color:#fff; font-weight:normal; }
.ModifyContentDispalyDiv{ width:869px; height:51px; line-height:51px; float:right; margin:0 10px 0 0; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.HideShowDiv{ width:998px; height:auto; float:left; padding:15px 0 15px 0; border-top:1px solid #ccc; }
.ModifyMenuDiv{ width:978px; height:auto; float:left; margin:0 0 0 10px; }

.menu2 { width:976px; height:55px; float:left; margin:0; background-color:#f3f3f3; border:1px solid #ccc; }
.menu2 ul { padding:0; margin:0; }
.menu2 li { height:55px; float:left; display: inline; background:url(../images/div.jpg) repeat-y scroll right 0; }
.menu2 li:last-child{ background-image:none;}

.menu2 li a { width:auto; height:55px; line-height:55px; padding:0 42px 0 42px; float:left; border-bottom: none; text-decoration: none; font-size:16px; color:#323232; font-weight:normal; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.menu2 li a:hover { width:auto; height:55px; color:#ff8a18; background-color:#fff; -webkit-box-shadow: inset 0px 5px 0px #ff8a18; -moz-box-shadow: inset 0px 5px 0px #ff8a18; box-shadow: inset 0px 5px 0px #ff8a18; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu2 li.active a { width:auto; height:55px; color:#ff8a18; background-color:#fff; -webkit-box-shadow: inset 0px 5px 0px #ff8a18; -moz-box-shadow: inset 0px 5px 0px #ff8a18; box-shadow: inset 0px 5px 0px #ff8a18; }

.content2 { width: 978px; height:auto; float: left; clear: both; margin:10px 0 0 10px; }



.SearchResultTitleBox{ width:998px; height:50px; float:left; background-color:#06c0cb; border:1px solid #ccc; margin:20px 0 0 0; }
.VehicleName{ width:240px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.VehicleName:hover{ text-decoration:underline; }

.SeatNo{ width:70px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.SeatNo:hover{ text-decoration:underline; }

.PerKm{ width:150px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.PerKm:hover{ text-decoration:underline; }

.FareTitle{ width:150px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.FareTitle:hover{ text-decoration:underline; }
.FareTitle a{ text-decoration:none; color:#fff; }

.FareTitle a { color:#fff; text-decoration: none; }
.FareTitle a:hover { cursor:help; position: relative }
.FareTitle a span { display: none; }
.FareTitle a:hover span { background-color:#fdddbe; font-size:12px; text-align:left; font-weight:normal; color:#5d5d5d; text-transform:none; line-height:normal; border:1px solid #ff8a18; padding: 8px; display: block; z-index: 100; left: 0px; margin:8px 0 0 0; width: 220px; position: absolute; top: 10px; text-decoration: none -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.AdvanceTitle{ width:150px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.AdvanceTitle:hover{ text-decoration:underline; }
.AdvanceTitle a { color:#fff; text-decoration: none; }
.AdvanceTitle a:hover { cursor:help; position: relative }
.AdvanceTitle a span { display: none; }
.AdvanceTitle a:hover span { background-color:#fdddbe; font-size:12px; text-align:left; font-weight:normal; color:#5d5d5d; text-transform:none; line-height:normal; border:1px solid #ff8a18; padding: 8px; display: block; z-index: 100; left: 0px; margin:8px 0 0 0; width: 220px; position: absolute; top: 10px; text-decoration: none -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.CarSearchResultBox{ width:998px; height:auto; float:left; border:1px solid #ccc; margin:10px 0 0 0; padding:10px 0 10px 0; }
.CarPhotoOuterDiv{ width:240px; height:auto; float:left; margin:0 0 0 10px; }
.CarPhoto{ width:96px; height:72px; float:left; }
.CarName{ width:134px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:left; color:#5d5d5d; font-weight:normal; }

.SeatNoDiv{ width:70px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:normal; }
.PerKmDiv{ width:150px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:normal; }
.TotalFareDiv{ width:150px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:normal; }
.TotalFareDiv a{ font-size:12px; text-align:center; color:#ff8a18; text-decoration:none; }

.TotalFareDiv a { color:#ff8a18; text-decoration:none; font-size:12px; }
.TotalFareDiv a:hover { cursor:help; position: relative }
.TotalFareDiv a span { display: none; }
.TotalFareDiv a:hover span { background-color:#fdddbe; font-size:12px; text-align:left; font-weight:normal; color:#5d5d5d; text-transform:none; line-height:normal; border:1px solid #ff8a18; padding: 8px; display: block; z-index: 100; left: 0px; margin:8px 0 0 0; width: 220px; position: absolute; top: 10px; text-decoration: none -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.AdvancePayDiv{ width:150px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:normal; }

.SelectBtn{ width:130px; height:42px; line-height:42px; float:right; background-color:#06c0cb; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 10px 0 0; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #06c0cb; }
.SelectBtn:hover{ background-color:#03b3bd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.BookNowDiv{ width:976px; height:auto; float:left; border:1px solid #ccc; background-color:#f3f3f3; margin:0 0 0 10px; padding:10px 0 10px 0; }
.HowManyCarsDiv{ width:200px; height:auto; float:left; margin:0 0 0 10px;}
.HowManyCarsTitle{ width:200px; height:auto; float:left; font-size:15px; text-align:left; color:#5d5d5d; font-weight:bold;}
.HowManyCarsInputDiv{ width:198px; height:42px; float:left; margin:10px 0 0 0; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; background-color:#fff; }
.HowManyCarsInput{ width:188px; height:32px; float:left; margin:5px 0 0 5px; border:none; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px transparent; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; }
.YouArePayingDiv{ width:300px; height:auto; float:left; margin:0 0 0 10px; }
.YouArePayingTitle{ width:300px; height:auto; float:left; font-size:15px; text-align:left; color:#5d5d5d; font-weight:bold;}
.TotalAmauntDiv{ width:90px; height:42px; line-height:42px; float:left; margin:10px 0 0 10px; font-size:15px; text-align:left; color:#ff8a18; font-weight:bold; }


.BookNowBtn{ width:130px; height:42px; line-height:42px; float:left; background-color:#ff8a18; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:30px 0 0 10px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #f27700; }
.BookNowBtn:hover{ background-color:#e47204; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


/*	_BOOKING PAGE
-----------------------------------------------*/
#TravellerDetailsOuterWrapper{ width:698px; height:auto; float:left; }

#TravellerDetailsWrapper{ width:698px; height:auto; float:left; border:1px solid #ccc; margin:10px 0 0 0; }
.TravellerDetailsTitleBg{ width:698px; height:50px; float:left; background-color:#06c0cb; border-bottom:1px solid #ccc; }
.TravellerDetailsTitle{ width:450px; height:50px; line-height:50px; float:left; font-size:16px; text-align:left; color:#fff; font-weight:normal; text-indent:10px; text-transform:uppercase; }
.EditBtn{ width:55px; height:22px; line-height:22px; float:right; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:14px 10px 0 0; cursor:pointer; font-size:14px; text-align:left; color:#323232; font-weight:normal; }
.EditIcon{ width:13px; height:12px; float:left; background:url(../images/sprite.png) no-repeat scroll -433px -18px transparent; margin:5px 5px 0 5px; }


.TravellerDetailsLeftDiv{ width:365px; height:auto; float:left; margin:10px 0 0 10px; }
.TravellerDetailsInputBox{ width:363px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; }
.TravellerDetailsInput{ width:353px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }

.FlagOuterDiv{ width:70px; height:42px; float:left; margin:0; border-right:1px solid #ccc; cursor:pointer; }
.FlagDiv{ width:21px; height:15px; float:left; margin:13px 0 0 5px; }
.CountryCodeDiv{ width:34px; height:42px; line-height:42px; float:left; margin:0 0 0 5px; font-size:14px; text-align:center; color:#5d5d5d; font-weight:bold; }

.TravellerDetailsInput2{ width:282px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }

.OtpInputOuterBox{ width:173px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0;}
.OtpInputBox{ width:163px; height:32px; float:left; margin:5px 0 0 5px;  border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }

.OtpInputBox2{ width:163px; height:32px; float:left; margin:5px 0 0 5px;  border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px transparent; }

.OtpInputOuterBox2{ width:173px; height:42px; float:right; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0;}

.SignInBtn{ width:175px; height:42px; line-height:42px; float:right; background-color:#ff8a18; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #f27700; }
.SignInBtn:hover{ background-color:#e47204; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.SignUpOuterDiv{ width:365px; height:auto; float:left; }

.AddressInputBoxDiv{ width:363px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; background:url(../images/address-icon-1.png) no-repeat scroll 5px 8px Transparent; }

.AddressInputBoxDiv2{ width:363px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; background:url(../images/address-icon-2.png) no-repeat scroll 5px 8px Transparent; }

.AddressInputBox{ width:322px; height:32px; float:left; margin:5px 0 0 36px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }

.ContinueBtn{ width:175px; height:42px; line-height:42px; float:right; background-color:#06c0cb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #06c0cb; }
.ContinueBtn:hover{ background-color:#03b3bd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.TravellerDetailsRightDiv{ width:293px; height:auto; float:right; margin:10px 10px 0 0; }
.OrDiv{ width:293px; height:auto; float:left; font-size:18px; text-align:left; color:#ea4335; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0; }
.SocialMediaMessage{ width:293px; height:auto; float:left; margin:0 0 10px 0; font-size:15px; text-align:left; color:#323232; font-weight:normal; line-height:20px; }
.FacebookBtn a{ width:266px; height:43px; float:left; background:url(../images/sprite.png) no-repeat scroll -330px -155px transparent; margin:0 0 10px 0; }
.GoogleBtn a{ width:266px; height:43px; float:left; background:url(../images/sprite.png) no-repeat scroll -330px -225px transparent; margin:0 0 10px 0; }


/*PAYMENT TABLE*/
.PaymentOptionList{ width:259px; min-height:430px; float:left; background-color:#f1f1f1; border-right:1px solid #ccc; }
.PaymentOptionList ul{ padding:0; margin:0; }
.PaymentOptionList li{ padding:0; margin:0; list-style-type:none; }
.PaymentOptionList li a{ width:259px; height:50px; line-height:50px; float:left; display:block; font-size:16px; text-align:left; text-indent:10px; color:#323232; font-weight:normal; text-decoration:none; border-bottom:1px solid #ccc; background:url(../images/list-arrow.png) no-repeat scroll 240px 14px transparent; }
.PaymentOptionList li a:hover{ width:260px; background-color:#fff; }
.PaymentOptionList li .Active{ width:260px; background-color:#fff; }

.PaymentRightDiv{ width:418px; height:auto; float:right; margin:10px 10px 0 0; }

.CardNumberInputBox{ width:416px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; }
.CardNumberInput{ width:236px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }
.CardImageDiv{ width:165px; height:21px; float:right; margin:10px 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -528px -15px transparent; }

.ExpiryMonthInputBox{ width:198px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; }
.ExpiryMonthInputBox2{ width:198px; height:42px; float:right; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; }
.ExpiryMonthInput{ width:188px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px transparent; }

.CarHolderInputDiv{ width:416px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; }
.CarHolderInput{ width:406px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none;}

.PaymentMessageDiv{ width:416px; height:auto; float:left; margin:10px 0 10px 0; font-size:15px; text-align:left; color:#ea4335; font-weight:normal; line-height:22px; }

.MakePaymentBtn{ width:418px; height:45px; line-height:45px; float:left; background-color:#ff8a18; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #f27700; margin:10px 0 10px 0; }
.MakePaymentBtn:hover{ background-color:#e47204; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.MakePaymentBtn2{ width:418px; height:45px; line-height:45px; float:left; background:url(../images/make-payment-loading-btn-bg.GIF) repeat-x scroll 0 0 #ff8a18; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #f27700; margin:10px 0 10px 0; }


#TripDetailsOuterWrapper{ width:278px; height:auto; float:right; border:1px solid #ccc; margin:10px 0 0 0; }
.TripDetailsTitle{ width:278px; height:50px; line-height:50px; float:left; background-color:#06c0cb; font-size:16px; text-align:left; color:#fff; font-weight:normal; text-indent:10px; }

.BookingDetails{ width:258px; height:auto; float:left; padding:0 0 10px 0; margin:10px 0 0 10px; border-bottom:1px solid #ccc; font-size:15px; text-align:left; color:#323232; font-weight:normal; line-height:30px; }

.TotalAmmountDiv{ width:258px; height:auto; float:left; margin:10px 0 10px 10px; padding: 0 0 20px 0; border-bottom:1px solid #ccc; }

.TotalAmmount{ width:258px; height:auto; float:left; font-size:15px; text-align:left; color:#323232; font-weight:normal; line-height:30px; }

.PromoCode{ width:258px; height:30px; line-height:30px; float:left; background:url(../images/down-arrow-sprite.png) no-repeat scroll 0 0 #06c0cb; padding:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 0 0 0; font-size:15px; text-align:left; color:#fff; font-weight:normal; cursor:pointer; text-indent:20px; }
.PromoCode:hover{ background-position: left bottom; }

.PromoCodeHideshowDiv{ width:258px; height:auto; float:left; margin:10px 0 0 0;}

.PromoCodeInputDiv{ width:130px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 10px 0; }
.PromoCodeInput{ width:120px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px transparent; }

.PromoCodeBtnOuterDiv{ width:258px; height:auto; float:left; }
.PromoCodeBtn{ width:132px; height:42px; line-height:42px; float:left; background-color:#ff8a18; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #f27700; }
.PromoCodeBtn:hover{ background-color:#e47204; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.GrandTotalDiv{ width:258px; height:auto; float:left; margin:5px 0 15px 10px; font-size:18px; text-align:left; color:#323232; font-weight:normal; }

#BookingFooterWrapper{ width:100%; height:auto; float:left; padding:10px 0 10px 0; border-top:1px solid #ccc; }
.BookingFooterInnerWrapper{ width:1000px; height:auto; margin:auto; }
.BookingCopyRightDiv{ width:1000px; height:auto; float:left; font-size:13px; text-align:center; color:#5d5d5d; font-weight:normal; margin:10px 0 0 0; }

/*	_ABOUT PAGE
-----------------------------------------------*/
#QuickLinkWrapper{ width:278px; height:auto; float:left; margin:10px 0 0 0; border:1px solid #ccc; }
.AboutQuickLinkTitle{ width:278px; height:50px; line-height:50px; float:left; background-color:#06c0cb; font-size:16px; text-align:left; color:#fff; font-weight:normal; text-indent:10px; }

.QuickLinksList{ width:278px; height:auto; float:left; }
.QuickLinksList ul{ padding:0; margin:0; }
.QuickLinksList li{ padding:0; margin:0; list-style-type:none; float:left; border-bottom:1px solid #ccc; }
.QuickLinksList li:last-child{ border-bottom:none; }
.QuickLinksList li a{ width:278px; height:50px; line-height:50px; float:left; display:block; font-size:15px; text-align:left; text-indent:10px; color:#323232; font-weight:normal; text-decoration:none; background:url(../images/list-arrow.png) no-repeat scroll 95% 14px transparent; }
.QuickLinksList li a:hover{ background-color:#f1f1f1; }
.QuickLinksList .Active{ background-color:#f1f1f1; }

#AboutUsRightWrapper{ width:700px; height:auto; float:right; margin:10px 0 0 0; }
.AboutUsTitle h1{ width:700px; height:50px; line-height:50px; float:left; background-color:#06c0cb; padding:0; margin:0; display:block; font-size:20px; text-align:left; color:#fff; text-indent:10px; font-weight:normal; }
.AboutUsContentDiv{ width:700px; height:auto; float:left; margin:10px 0 0 0; font-size:14px; text-align:justify; color:#5d5d5d; font-weight:normal; line-height:22px; }


/*	_CITY PAGE
-----------------------------------------------*/

#CityBanner{ width:1000px; height:300px; float:left; margin:10px 0 0 0; position:relative; }
.CityTitleDiv{ width:1000px; height:50px; line-height:50px; float:left; z-index:1001; position:absolute; left:0; bottom:0; font-size:26px; text-align:left; color:#fff; font-weight:normal; text-indent:10px; background:url(../images/city-title-bg.png) repeat-x scroll 0 0 transparent; }
.CityContentDiv{ width:1000px; height:auto; float:left; margin:10px 0 0 0; font-size:14px; text-align:justify; color:#5d5d5d; font-weight:normal; line-height:20px; }


/*	_CAR SHARING SEARCH PAGE
-----------------------------------------------*/
.SharingHideShowDiv{ width:976px; height:auto; float:left; border:1px solid #ccc; background-color:#f3f3f3; margin:0 0 0 10px; padding:20px 0 20px 0; }
.CarSharingLeftDiv{ width:700px; height:auto; float:left; margin:0 0 0 20px; }


.CarSeatsBoxDiv{ width:auto; height:auto; float:left; padding:20px 10px 20px 20px; background-color:#fff; border:1px solid #ccc; }
.SeatsColumn{ width:26px; height:auto; float:left; margin:0 10px 0 0; }
.Stearing{ width:24px; height:24px; float:left; margin:0 0 0 1px; background:url(../images/sprite.png) no-repeat scroll 0 -296px; }

.DriverSeatDiv{ width:24px; height:20px; line-height:20px; float:left; cursor:default; margin:0; background-color:#f1f1f1; font-size:11px; text-align:center; color:#9f9f9f; font-weight:normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #ccc; position:relative; }

.SeatDiv{ width:24px; height:20px; line-height:20px; float:left; cursor:pointer; margin:0; font-size:11px; text-align:center; color:#9f9f9f; font-weight:normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #ccc; position:relative; }
.SeatHandel{ width:27px; height:25px; float:left; z-index:1; position:absolute; left:2px; top:-2px; background:url(../images/sprite.png) no-repeat scroll -34px -296px transparent; }

.BackSeatOuterDiv{ width:26px; height:66px; float:left; margin:0; border-bottom:1px solid #ccc; position:relative; }
.BackSeat{ width:24px; height:21px; line-height:21px; float:left; font-size:11px; text-align:center; color:#9f9f9f; font-weight:normal; cursor:pointer; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.BackSeatHaindel{ width:20px; height:5px; float:left; background:url(../images/sprite.png) no-repeat scroll -71px -296px transparent; z-index:2; position:absolute; left:2px; top:-2px; }
.BackSeatHaindel2{ width:20px; height:5px; float:left; background:url(../images/sprite.png) no-repeat scroll -71px -296px transparent; z-index:2; position:absolute; left:2px; bottom:-2px; }
.BackSeatBackHaindel{ width:9px; height:66px; float:left; background:url(../images/sprite.png) no-repeat scroll -101px -296px transparent; z-index:1; position:absolute; left:20px; top:0px; }

.BlankSeat{ width:26px; height:22px; float:left; margin:0; }



/*SELECTED CLASS*/
.SelectedSeats{ background-color:#a9fe70; }
.BookedByGents{ background-color:#9bf2ff; }
.BookedByLadies{ background-color:#ffc5e5; }
.FreeForComfert{ background-color:#d29ff3; }
.InProcess{ background-color:#ffecb2; }
/*END SELECTED CLASS*/



.BoardingPointOuterDiv{ width:700px; height:auto; float:left; margin:20px 0 0 0; }
.BoardingInputOuterDiv{ width:220px; height:auto; float:left; margin:0 10px 0 0; }
.BoardingInputTitle{ width:220px; height:auto; float:left; font-size:15px; text-align:left; color:#5d5d5d; font-weight:normal; }
.BoardingInputBox{ width:218px; height:42px; float:left; background-color:#fff; margin:10px 0 0 0; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; }
.BoardingInput{ width:208px; height:32px; float:left; border:none; background:none; margin:5px 0 0 5px; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px transparent; }

.BookingContinueBtn{ width:120px; height:44px; line-height:42px; float:left; margin:30px 0 0 0; font-size:16px; text-align:center; color:#fff; font-weight:normal; background-color:#ff8a18; border:none; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.BookingContinueBtn:hover{ background-color:#fb7d03; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.BookingContinueBtn2{ width:120px; height:44px; line-height:42px; float:left; margin:30px 0 0 0; font-size:16px; text-align:center; color:#fff; font-weight:normal; background:url(../images/continue-loading-btn-bg.GIF) no-repeat scroll 0 0 #ff8a18; border:none; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }



.CarSharingRightDiv{ width:216px; height:auto; float:left; margin:0 0 0 20px; }

.SeatSitemapOuterDiv{ width:216px; height:auto; float:left; }
.SeatSitemapDiv{ width:216px; height:auto; float:left; font-size:15px; text-align:left; color:#5d5d5d; font-weight:normal; line-height:22px; margin:0 0 3px 0; }
.SeatSitemapIcon{ width:26px; height:22px; float:left; margin:0 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -120px -340px transparent; }
.SelectedSeatIcon{ width:26px; height:22px; float:left; margin:0 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -156px -340px transparent; }
.BookByGentsSeatIcon{ width:26px; height:22px; float:left; margin:0 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -192px -340px transparent; }
.BookByLadiesSeatIcon{ width:26px; height:22px; float:left; margin:0 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -228px -340px transparent; }
.FreeForComfSeatIcon{ width:26px; height:22px; float:left; margin:0 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -264px -340px transparent; }
.InProcessSeatIcon{ width:26px; height:22px; float:left; margin:0 5px 0 0; background:url(../images/sprite.png) no-repeat scroll -300px -340px transparent; }

.SeatsBookingDetailsDiv{ width:216px; height:auto; float:left; font-size:15px; text-align:left; color:#5d5d5d; font-weight:normal; line-height:25px; margin:8px 0 0 0; }


/*	_DEAL SEARCH PAGE
-----------------------------------------------*/

.DealVehicleName{ width:240px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:default; }
.DateAndTime{ width:200px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:default; }
.DealPrice{ width:150px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.DealPrice:hover{ text-decoration:underline; }
.DicountPrice{ width:150px; height:50px; line-height:50px; float:left; margin:0 0 0 10px; font-size:15px; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; cursor:pointer; }
.DicountPrice:hover{ text-decoration:underline; }

.DateAndTimeDispalyBox{ width:200px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:normal; }
.DealDate{ width:200px; height:auto; float:left; padding:0; margin:2px 0 0 0; font-size:15px; text-align:center; color:#ff8a18; font-weight:normal; }

.DealPriceDispalyBox{ width:150px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:normal; }
.ActualDealPrice{ width:150px; height:auto; float:left; padding:4px 0 4px 0; font-size:16px; text-align:center; color:#ff8a18; font-weight:bold; background-color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px dashed #ff8a18; }

.BoardingPointInputBox{ width:250px; height:42px; float:left; background-color:#fff; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:0 0 0 10px; }
.BoardingPointInput{ width:240px; height:32px; float:left; border:none; background:none; margin:5px 0 0 5px; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:url(../images/input-arrow.png) no-repeat scroll 95% 13px; }

.BookDealBtn{ width:130px; height:42px; line-height:42px; float:left; background-color:#ff8a18; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 0 10px; font-size:16px; text-align:center; color:#fff; font-weight:normal; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 1px 0px #c96300; }
.BookDealBtn:hover{ background-color:#fb7d03; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


/*	_CAR SHARING BOOKING PAGE
-----------------------------------------------*/
.PassengerDetailDiv{ width:678px; height:auto; float:left; margin:0 0 10px 10px; }
.PassengerName{ width:300px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:10px 10px 0 0; }
.PassengerNameInput{ width:290px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }
.PassengerAge{ width:60px; height:42px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 2px 20px #e9e9e9; -moz-box-shadow: inset 0px 2px 20px #e9e9e9; box-shadow: inset 0px 2px 20px #e9e9e9; margin:10px 10px 0 0; }
.PassengerAgeInput{ width:50px; height:32px; float:left; margin:5px 0 0 5px; border:none; font-size:14px; text-align:left; color:#5d5d5d; font-weight:normal; background:none; }

.GenderDiv{ width:auto; height:42px; line-height:42px; float:left; margin:10px 0 0 0; font-size:15px; text-align:left; color:#323232; font-weight:normal; }


/*	_LOADING PAGE
-----------------------------------------------*/
.LoadingOuterDiv{ width:998px; height:auto; float:left; padding:50px 0 50px 0; margin:20px 0 0 0; border:1px solid #ccc; }
.LoadingImg{ width:64px; height:64px; float:left; margin-left:467px; }
.LoadingMesageDiv{ width:978px; height:auto; float:left; margin:10px 0 0 10px; font-size:15px; text-align:center; color:#5d5d5d; font-weight:bold; }


/*	_PAYMENT ERROR PAGE
-----------------------------------------------*/
.PaymentErrorBox{ width:780px; height:45px; float:left; background-color:#d44116; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 0 109px; }
.PaymentErrorIconBox{ width:50px; height:45px; float:left; border-right:1px solid #fc744a; }
.PaymentErrorIcon{ width:26px; height:24px; float:left; margin:10px 0 0 12px; background:url(../images/sprite.png) no-repeat scroll -336px -338px transparent; }
.PaymentErrorMessage{ width:709px; height:45px; line-height:45px; float:left; font-size:15px; text-align:left; color:#fff; font-weight:normal; margin:0 0 0 10px; }

.TryAgainOuterDiv{ width:780px; height:auto; float:left; margin:15px 0 0 109px; }
.TryAgainBtn{ width:100px; height:40px; line-height:40px; cursor:pointer; float:right; background-color:#06c0cc; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; text-align:center; color:#fff; font-weight:normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.TryAgainBtn:hover{ background-color:#03b3bd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


/*	_TICKET PAGE
-----------------------------------------------*/
.TicketPageOuterDiv{ width:998px; height:auto; float:left; margin:10px 0 0 0; border:1px solid #ccc; }
.TicketTitle{ width:998px; height:50px; float:left; background-color:#06c0cb; border-bottom:1px solid #ccc; }

.TicketIconOuterDiv{ width:56px; height:auto; float:right; margin:13px 10px 0 0; }
.PrintIcon{ width:23px; height:23px; float:left; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -372px -339px transparent; }
.DownloadIcon{ width:23px; height:23px; float:right; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -401px -339px transparent; }


.TicketPassengerNameDiv{ width:998px; height:auto; float:left; padding:15px 0 15px 0; background-color:#f1f1f1; border-bottom:1px solid #ccc; }
.TicketPassName{ width:500px; height:auto; float:left; margin:0 0 0 10px; font-size:16px; text-align:left; color:#323232; font-weight:bold; }
.TripIdDiv{ width:400px; height:auto; float:right; margin:0 10px 0 0; font-size:16px; text-align:left; color:#323232; font-weight:bold; }

.TicketDetailsDiv{ width:998px; height:auto; float:left; padding:15px 0 15px 0; border-bottom:1px solid #ccc; }
.TicketDetailsCols{ width:319px; height:auto; float:left; margin:0 0 0 10px; font-size:15px; text-align:left; color:#323232; font-weight:normal; line-height:22px; }

.TicketNote{ width:998px; height:auto; float:left; padding:15px 0 15px 0; font-size:15px; text-align:center; color:#323232; font-weight:normal; }



/*	_TESTIMONIAL
-----------------------------------------------*/

.TestimonialPhoto{ width:300px; height:250px; float:left; }


#testimonials{ width:300px; height:auto; margin:0; position:relative; overflow:hidden; }
#testimonials .testimonial{ position:absolute; left:0px; top:0px; width:300px; height:auto; }

.testimonial h2{ color:#f25911; font-size:22px; font-style:normal; line-height:22px; 
margin-bottom:10px; text-align:center; }

#testimonials h2{ color:#323232; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; line-height:22px; 
margin-bottom:10px; text-align:center; }

#test_container{ position:relative; margin:0 0 0 0; }

#testimonials .testimonial_text{ font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-style:normal; color:#323232; line-height:20px; }
#testimonials .testimonial_name{ font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:10px auto 3px; font-style:normal; font-family:arial; text-align:center; color:#828282; font-weight:normal; }
#testimonials .testimonial_designation{ font-size: 12px; line-height: 14px; font-family:verdana; text-align:center; }

#t_pagers{ width:auto; height:auto; margin:auto; /*position:absolute; left:40%; top:210px; z-index:2;*/ }
#t_pagers .pager{ display:inline-block; text-decoration:none; width:15px; min-height:15px; margin-right:5px; background:#828282; border-radius:50%; cursor:pointer; margin-top:10px;}
#t_pagers .pager.active{ background:#06c0cb; }



/*	_SOCIAL ICON
-----------------------------------------------*/
.SocialIconWrapper{ width:320px; height:auto; float:left; margin:10px 0 0 0; }
.FacebookLink a{ width:25px; height:24px; float:left; display:block; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll 0 -495px transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 5px 0 0; }
.FacebookLink a:hover{ background-position:0 -525px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.LinkedinLink a{ width:25px; height:24px; float:left; display:block; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -30px -495px transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 5px 0 0; }
.LinkedinLink a:hover{ background-position:-30px -525px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.TwitterLink a{ width:25px; height:24px; float:left; display:block; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -60px -495px transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 5px 0 0; }
.TwitterLink a:hover{ background-position:-60px -525px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }



.GoogleLink a{ width:25px; height:24px; float:left; display:block; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -90px -495px transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 5px 0 0; }
.GoogleLink a:hover{ background-position:-90px -525px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }



.BlogLink a{ width:25px; height:24px; float:left; display:block; cursor:pointer; background:url(../images/sprite.png) no-repeat scroll -120px -495px transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 5px 0 0; }
.BlogLink a:hover{ background-position:-120px -525px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }



/*	_GOOGLE AD
-----------------------------------------------*/
.GoogleAddDiv{ width:300px; height:auto; float:right; }



/*	_WELCOME CONTENT
-----------------------------------------------*/
#ContentWrapper{ width:100%; height:auto; float:left; padding:20px 0 20px 0; }
.ContentInnerWrapper{ width:1000px; height:auto; margin:auto; }

.WelcomeContent{ width:680px; height:auto; float:left; }
.WelcomeContent h1{ width:680px; height:auto; float:left; padding:0; margin:0 0 10px 0; font-size:28px; text-align:left; color:#323232; font-weight:normal; }
.WelcomeContent p{ width:680px; height:auto; float:left; padding:0; margin:0; font-size:14px; text-align:justify; color:#5d5d5d; font-weight:normal; line-height:22px; }