.main-bus
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding: 100px 0 0 0;
}
.bus-box
{
	width: 562px;
	float: left;
	padding-left: 100px;
}
.mid-top
{
	background: url(../images_User/seatimages2/bus-mid-top.gif) repeat-x 0 0;
	width:80%;

}
.mid-btm
{
	background: url(../images_User/seatimages2/bus-mid-btm.gif) repeat-x 0 0;
}
.fnt-mid
{
	background: #f1f8fd url(../images_User/seatimages2/bus-front-mid.gif) repeat-y 0 0;
	vertical-align: top;
}
.bus-middle
{
	width: 562px;
	float: left;
	background: url(../images_User/seatimages2/blue-middle-round.gif) repeat-y;
}
.mid-clr
{
	background-color: #ebf5c9;
	border-right: 2px solid #376c9f;
}
.seater
{
	background: url(../images_User/seatimages2/available-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.seater:hover
{
	background: url(../images_User/seatimages2/selection-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.passage
{
	height:38px;
	width:38px;
	float:left;
}
.sleeper
{
	background: url(../images_User/seatimages2/available-sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	vertical-align: top;
	text-align: left;
	font-size: smaller;
}
.seateronly
{
	background: url(../images/seatimages2/available-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.sleeperonly
{
	background: url(../images/seatimages2/available-sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	vertical-align: top;
	text-align: left;
	font-size: smaller;
}
.sleeper:hover
{
	background: url(../images_User/seatimages2/selection-sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}

.unavailableseater
{
	background: url(../images_User/seatimages2/booked-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.unavailablesleeper
{
	background: url(../images_User/seatimages2/booked-sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}


.Ticketvalaunavailableseater
{
	background: url(../images_User/seatimages2/notavailable-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.Ticketvalaunavailablesleeper
{
	background: url(../images_User/seatimages2/notavailable-Sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}


.unavailableFemaleseater
{
	background: url(../images_User/seatimages2/booked-female-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.unavailableFemalesleeper
{
	background: url(../images_User/seatimages2/booked-FSleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}

.seaterset
{
	background: url(../images_User/seatimages2/selection-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.sleeperset
{
	background: url(../images_User/seatimages2/selection-sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.seatersetc
{
	background: url(../images_User/seatimages2/selection-seat.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.sleepersetc
{
	background: url(../images_User/seatimages2/selection-sleeper.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.left-staring
{
	width: 88px;
	padding: 13px 0 0 26px;
	float: left;
}
.right-seat
{
	width: 425px;
	float: left;
}
.icon
{
	width: 39px;
	float: left;
	margin: 0px 3px 0 0;
}

.icon-sleep
{
	width: 81px;
	float: left;
	margin: 0px 3px 0 0;
}

.bottom
{
	width: 800px;
	margin: 30px 0px 30px 0px;
}
.bottom .icon
{
	width: 31px;
	float: left;
}
.bottom .text
{
	width: 80px;
	float: left;
	padding-top: 10px;
	padding-left: 4px;
}
.bottom .bluetext
{
	width: 100px;
	float: left;
	text-transform: uppercase;
	color: #055f9b;
	font-weight: bold;
	padding-top: 10px;
	text-align: right;
	margin-right: 10px;
	font-size: 13px;
}
.bluetext
{
	width: 100px;
	float: left;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
}

.unavailablesleeperv
{
	background: url(../images_User/seatimages2/booked-sleeperv.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}

.unavailablefemalesleeperv
{
	background: url(../images_User/seatimages2/Female-Vertical-Sleeper.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}

.sleeperVset
{
	background: url(../images_User/seatimages2/selection-sleeper-v.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: center;
}
.sleeperVsetc
{
	background: url(../images_User/seatimages2/selection-sleeper-v.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: center;
}

.sleeperV 
{
	background: url(../images_User/seatimages2/available-sleeper-v.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: center;
}
.sleeperV:hover
{
	background: url(../images_User/seatimages2/selection-sleeper-v.gif) no-repeat;
	width: 38px;
	height: 76px;
	vertical-align: top;
	text-align: center;
}

.sleeperV div input
{

	width:17px;
	height:18px;
	text-align:center;
	float:left ;
	vertical-align:bottom;
	font-size:smaller;
}

.SleeperBTO
{
	background: url(../images_User/seatimages2/available-sleeper-BTO.gif) no-repeat;
	width: 76px;
	height: 38px;
	vertical-align: top;
	text-align: left;
	font-size: smaller;
}

.seatersetBTO
{
	background: url(../images/seatimages2/selection-seat-BTO.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.sleepersetBTO
{
	background: url(../images/seatimages2/selection-sleeper-BTO.gif) no-repeat;
	width: 76px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}
.sleeperVsetBTO
{
	background: url(../images/seatimages2/selection-vsleeper.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}

.SeaterBTO
{
	background: url(../images_User/seatimages2/available-seat-BTO.gif) no-repeat;
	width: 38px;
	height: 38px;
	font-size: smaller;
	vertical-align: top;
	text-align: left;
}

.SleeperVBTO
{
	background: url(../images_User/seatimages2/available-sleeperV-BTO.gif) no-repeat;
	width: 38px;
	height: 76px;
	font-size: smaller;
	vertical-align: top;
	text-align: center;
}

