/* CSS Document */
/* 	Karaoke Me
	Last updated on July 17, 2007
	Created & Updated by SS
*/

#main
{
	width: 843px;
	text-align: left;
	margin: 14px auto;
	padding: 0px;
}

/* 	===================================================================================================
												Menu
===================================================================================================  */

#booking-logo{
	text-align:left;
	width:425px;
	height:124px;
	padding:0;
	margin:0;
	float: left;
}

#booking-logo ul{
	position: relative;
	width:425px;
	height:124px;
	background: url(../krok-images/karaoke-logo-booking.gif);
	margin: 0;
	padding: 0;
}

#booking-logo ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#booking-logo ul li, #booking-logo a{
	display:block;
	height:124px;
	border-bottom:0;
}

#booking-logo ul li a{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

#bookbutton{
	left:0; top:0; width:427px;
}

#bookbutton a:hover{
	background: transparent url(../krok-images/karaoke-logo-booking.gif) 0 -124px no-repeat; border-bottom:0;
}


#go-button
{
	width:111px;
	height:29px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
}

#go-button ul
{
	position: relative;
	width:111px;
	height:29px;
	background: url(../krok-images/go-button-new1.jpg);
	margin: 0;
	padding: 0;
	text-align:left;
}

#go-button ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#go-button ul li, #go-button a
{
	display:block;
	height:29px;
	border-bottom:0;
}

#go-button ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

#gbutton
{
	left:0; top:0; width:111px;
}


#gbutton a:hover 
{
	background: transparent url(../krok-images/go-button-new1.jpg) no-repeat 0 -29px; border-bottom:0;
}


/* 	===================================================================================================
												Booking
===================================================================================================  */

#booking-content-left
{
	width:424px;
	float:left;
}
.booking-logo
{
	float:left;
	width:424px;
	height:124px;
	float:left;
}

#booking-content-right
{
	width:418px;
	float:left;
}

.booking-middle-left
{
	width:424px;
	height:72px;
	float:left;
	background:url(../krok-images/background-booking-middle.gif) no-repeat;
}

.booking-left-bottom
{
	width:350px;
	height:312px;
	float:left;
	background:url(../krok-images/background-booking-content.png) no-repeat;
	padding:0px 0px 0px 75px;
	font-size:80%;
	line-height:18px;
}

.booking-right-top
{
	width:418px;
	height:124px;
	float:left;
	background:url(../krok-images/background-book-prices-new.gif) no-repeat bottom;
}

.booking-right-top-thankyou
{
	width:418px;
	height:124px;
	float:left;
	background:url(../krok-images/background-book-prices-thankyou.png) no-repeat bottom;
}

.booking-price-content-thankyou
{
	width:298px;
	height:534px;
	float:left;
	background:url(../krok-images/background-book-price-cont-thankyou.png) no-repeat;
	padding:20px 60px 0px 59px;
}

.booking-price-content-thankyou p
{
	width:298px;
	float:left;
	padding:0px 0px 7px 0px;
	margin:0px;
	font-size:80%;
}

.booking-price-content
{
	width:278px;
	height:554px;
	float:left;
	background:url(../krok-images/background-book-price-cont-new.png) no-repeat;
	font-size:90%;
	line-height:18px;
	padding:40px 70px 0px 70px;
}

.booking-price-content-new
{
	width:298px;
	height:534px;
	float:left;
	background:url(../krok-images/background-book-price-cont-new.png) no-repeat;
	padding:20px 60px 0px 59px;
}

.booking-price-content-new p
{
	width:298px;
	float:left;
	padding:0px 0px 7px 0px;
	margin:0px;
	font-size:80%;
}

.booking-price-content-5box
{
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
	width:298px;
	font-size:75%;
}

.booking-price-content-5box1
{
	float:left;
	padding:0px 0px 18px 0px;
	margin:0px 3px 0px 0px;
	width:56px;
}

.booking-price-content-5box2
{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:298px;
}

.booking-price-content-5box2 hr{
	color:#000000;
	height:1px;
}

.booking-price-content-5box2 p
{
	float:left;
	padding:0px 0px 3px 0px;
	margin:0px;
	text-align:left;
	width:298px;
	font-size:75%;
	line-height:17px;
}

.booking-price-content-5box2 img
{
	float:left;
	padding:0px 7px 0px 0px;
	margin:0px;
}


.booking-price-content-5box2 a
{
	color:#333333;
	text-decoration:underline;
}

.booking-price-content-5box2 a:hover
{
	color:#FF0000;
	text-decoration:underline;
}

.booking-price-content-gobutton
{
	float:left;
	padding:0px 0px 0px 100px;
	margin:0px 0px 0px 0px;
	width:198px;
}

.red
{
	color:#FF0000;
}

.booking-right-bottom
{
	width:418px;
	height:167px;
	float:left;
	background:url(../krok-images/background-booking-bottom.gif) no-repeat;
}

.booking-right-bottom a
{
	text-decoration:none;
	color:#A51A3E;
}

.booking-right-bottom a:hover
{
	text-decoration:none;
	color:#333333;
}


.booking-right-bottom-content
{
	width:418px;
	height:110px;
	float:left;
}

.booking-right-bottom-booknow
{
	width:328px;
	height:47px;
	float:left;
	text-align:right;
	font-size:95%;
	padding:10px 90px 0px 0px;
	margin:0px;
	color:#A51A3E;
}

.booking-right-bottom-content-left
{
	width:173px;
	height:65px;
	float:left;
	color:#736965;
	font-size:90%;
	font-weight:bold;
	padding:45px 0px 0px 20px;
	margin:0px;
}

.booking-right-bottom-content-left1
{
	width:151px;
	float:left;
	padding:0px;
	margin:0px;
}

.booking-right-bottom-content-left2
{
	width:22px;
	height:40px;
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image: url(../krok-images/background-radio.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;	
}

#form-radio
{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	text-decoration: none;
}

#form-radio fieldset,  #form-radio form
{
	margin:0;
	padding:0;
	border:0;
}

#form-radio label
{
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

#form-radio radio
{
	padding: 0px;
	margin:0px;
	border: 0px solid #D2D2D2;
}


.booking-right-bottom-content-right
{
	width:225px;
	height:110px;
	float:left;
}

#go-bu
{
	width:225px;
	height:116px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
}

#go-bu ul
{
	position: relative;
	width:225px;
	height:116px;
	background: url(../krok-images/booking-go-button.gif);
	margin: 0;
	padding: 0;
	text-align:left;
}

#go-bu ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#go-bu ul li, #go-bu a
{
	display:block;
	height:116px;
	border-bottom:0;
}

#go-bu ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

#gb
{
	left:0; top:0; width:225px;
}


#gb a:hover 
{
	background: transparent url(../krok-images/booking-go-button.gif) no-repeat 0 -116px; border-bottom:0;
}

#gba
{
	background: transparent url(../krok-images/booking-go-button.gif) no-repeat 0 -232px; border-bottom:0;
}







/* 	===================================================================================================
												Contact-menu
===================================================================================================  */

#booking-menu
{
	width:424px;
	float: left;
	height:164px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

#booking-menu ul{
	position: relative;
	width:424px;
	height:164px;
	background:url(../krok-images/background-booking-menu.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

#booking-menu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#booking-menu li, #booking-menu a{
	display:block;
	height:32px;
	border-bottom:0;
}

#booking-menu ul li a{
	text-indent:-9999px;
	text-decoration:none;
}

#bm1{
	left:0; top:5px;  width:380px;
}
#bm2{
	left:0px; top:38px; width:380px;
}
#bm3{
	left:0px; top:69px; width:380px;
}
#bm4{
	left:0px; top:100px; width:380px;
}
#bm5{
	left:0px; top:132px; width:380px;
}

#bm1 a:hover {
	background:  transparent url(../krok-images/background-booking-menu.gif) no-repeat -425px -5px;  border-bottom:0;
}
#bm2 a:hover {
	background: transparent url(../krok-images/background-booking-menu.gif) no-repeat -425px -38px; border-bottom:0;
}
#bm3 a:hover {
	background: transparent url(../krok-images/background-booking-menu.gif) no-repeat -425px -69px; border-bottom:0;
}
#bm4 a:hover {
	background: transparent url(../krok-images/background-booking-menu.gif) no-repeat -425px -99px; border-bottom:0;
}
#bm5 a:hover {
	background: transparent url(../krok-images/background-booking-menu.gif) no-repeat -425px -132px; border-bottom:0;
}

#bm4a {
	left:0px; top:100px; width:380px; background: transparent url("../krok-images/background-booking-menu.gif") no-repeat -850px -100px; border-bottom:0;
}
.backlink {
	font-size:12px;
	font-family:Tahoma, Verdana;
	color:#000000;
	padding:60px 0px 0px 10px;
	font-weight:bold;
}
.backlink a {
	color:#FFFFFF;
	text-decoration:none;font-weight:bold; 
}
.backlink a:hover {
	color:#000000;
	text-decoration:none;
}