/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
/*------------------------------------------------------------------------
-------------------------------------------------------------------------*/


/* HOME LAYOUT */
#booking_wrap {width: 955px; margin-left: auto; margin-right: auto;}
#booking_wrap #booking_right {width: 610px; float: right;}
#booking_right #left-col { width:450px; float:left;}
#booking_right #right-col {width: 150px; float: right;}

/*----search panel
-----------------*/
#booking_wrap #booking_left {width: 335px; float: left;}
#booking_wrap #booking_left #searchWrap {width: 335px; background: url(../images/search-box-btm.jpg) bottom left no-repeat #e6e3cf; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #666666;}
#booking_wrap #booking_left .pickup {width:295px; float: left; background:url(../images/search-box-top.jpg) top left no-repeat #dedac0; padding: 20px 20px 20px 20px;}
#searchWrap .pickuptitle {height: 25px; font-size: 14px;}
#searchWrap .dropoff {width:295px; float: left; background: #e6e3cf; padding: 20px 20px 20px 20px;}
#searchWrap .dropofftitle {height: 25px; font-size: 14px;}
#searchWrap .dropdown { width: 295px; float: left; padding-top: 2px; padding-bottom: 2px; }
#searchWrap .drop { float: left;}
#searchWrap .option { width: 90px; float: left;}
#searchWrap #driver-age {width: 295px; float:left; padding: 10px 20px; background: #dedac0;}
#searchWrap .driverleft {width: 200px; float: left;}
#searchWrap .driverleft .age {width: 95px; float: left;}
#searchWrap #search-btn {float: left; padding: 20px 20px; margin: 0 0 0 90px;}
#searchWrap .dropdown select {width: 200px;}
#searchWrap .small-drops select {width: 67px;}
#booking_left #leftadvert {width:335px; height: 148px; background: url(../images/left-ad.jpg) top left no-repeat; margin-top: 15px;}

/*----Central Content
--------------------*/
#booking_right #left-col #advert2 {width: 450px; height: 200px;/* background: url(../images/advert2.jpg) top left no-repeat;*/ margin-bottom:15px;}
#booking_right #left-col .top {width: 450px; height: 12px; background: url(../images/reasons-top.jpg) top left no-repeat; margin-top: 10px;}
#booking_right #left-col #reasons-to-book {width: 448px; border-left: solid 1px #cbcbcb; border-right: solid 1px #cbcbcb; background: #f7f5f4;}
#booking_right #left-col #reasons-to-book h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fe9f0f; margin: 0; padding: 10px;}
#booking_right #left-col #reasons-to-book ul {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fe9f0f;}
#booking_right #left-col #reasons-to-book span {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fe9f0f;}
#booking_right #left-col #reasons-to-book li {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 10px;}
#booking_right #left-col .bottom {width: 450px; height: 12px; background: url(../images/reasons-bottom.jpg) top left no-repeat;}

#booking_right #left-col #suppliers {width: 448px; border-left: solid 1px #cbcbcb; border-right: solid 1px #cbcbcb; background: #f7f5f4;}
#left-col #suppliers h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; margin: 0; padding: 10px 10px 15px;}
#left-col #suppliers #supplier-img {height: 25px; background: url(../images/suppliers.jpg) top left no-repeat #f7f5f4;}
#left-col #suppliers .top {width: 450px; height: 12px; background: url(../images/reasons-top.jpg) top left no-repeat;}
#left-col #suppliers .bottom {width: 450px; height: 12px; background: url(../images/reasons-bottom.jpg) top left no-repeat;}

/*----Right Content
------------------*/
#booking_right #right-col #deal-of-the-day {width: 150px;}
#right-col #deal-of-the-day .top {width: 150px; height:33px; background:url(../images/deals-head.jpg) top left no-repeat;}
#right-col #deal-of-the-day .main {width: 148px; border-left: solid 1px #cbcbcb; border-right: solid 1px #cbcbcb; border-bottom: solid 1px #cbcbcb; background: #f7f5f4;}
#deal-of-the-day .dealtext a {color:#fe9f0f;}

#deal-of-the-day .dealtext {width: 140px; font-size:13px; color: #fe9f0f;border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:13px; width:144px; padding:3px 3px 1px;}
#deal-of-the-day .main .pricetext {width: 140px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #666666; border-right:2px solid #FFFFFF; border-bottom:1px solid #FFFFFF; font-size:13px; height:13px; width:138px; padding: 1px 3px 3px;}

#right-col #view-my-booking {}
#right-col #view-my-booking .top {width: 150px; height: 10px; background: url(../images/view-top.jpg) top left no-repeat; margin: 10px 0 0 0;}
#right-col #view-my-booking #view-body {width:150px; background: #e6e3cf;}
#right-col #view-my-booking h4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; padding-bottom: 10px; text-align: center; background: url(../images/view-seperate.jpg) bottom center no-repeat; margin-bottom: 5px;}
#right-col #view-my-booking h5 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding-bottom: 3px;}
#right-col #view-my-booking #email {padding-left: 13px;}
#right-col #view-my-booking #reference {padding-left: 13px;}
#right-col #view-my-booking .bottom {width: 150px; height: 9px; background: url(../images/view-bottom.jpg) bottom left no-repeat;}
#right-col #view-my-booking input {height: 14px; width: 124px; padding-bottom: 3px; margin-bottom:3px; }
#right-col #view-my-booking #button {padding: 10px 13px 0px 13px;}
