/* CSS Document */
/* 	Karaoke Me
	Last updated on August 08, 2007
	Created & Updated by SU
*/

BODY
{
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	font-family:Tahoma, Verdana;
 }

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

#main h1
{
	font-size:105%;
	padding:0px 0px 10px 0px;
	margin:0px;
}

/* 	===================================================================================================
										Family TouchScreen Main
===================================================================================================  */

#cakepanel-logo
{
	width:427px;
	height:128px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
}

#cakepanel-logo ul
{
	position: relative;
	width:427px;
	height:128px;
	background: url(../krok-images/booking-cake-logo.jpg);
	margin: 0;
	padding: 0;
	text-align:left;
}

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

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

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

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

#cakelogo a:hover 
{
	background: transparent url(../krok-images/booking-cake-logo.jpg) no-repeat 0 -128px; border-bottom:0;
}


#booking-cake-top
{
	background-attachment: scroll;
	background-image: url(../krok-images/booking-cake-top-new.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 845px;
	height: 425px;
	margin: 0px;
	padding: 0px;
}

#booking-cake-top-logo
{
	float: left;
	width: 845px;
	height: 128px;
	margin: 0px;
	padding: 0px;
}

#booking-cake-top-form
{
	float: left;
	width: 845px;
	height: 302px;
	margin: 0px;
	padding: 0px;
}

#booking-cake-top-formleft
{
	float: left;
	width: 555px;
	height: 302px;
	margin: 0px;
	padding: 0px;
}

#cake-left-formleft
{
	float: left;
	width: 475px;
	margin: 0px;
	padding: 0px 0px 0px 80px;
}

#cake-left-formleft-row1
{
	float: left;
	width: 485px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#cake-left-formleft-row2
{
	float: left;
	width: 485px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#cake-left-formleft-row3
{
	float: left;
	width: 485px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.cake-left-1
{
	float: left;
	width: 120px;
	margin: 0px;
	padding: 0px;
}

.cake-left-1 img
{
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float:left;
}

.cake-left-2
{
	float: left;
	width: 66px;
	height:66px;
	margin: 0px;
	padding: 0px;
}

.cake-left-3
{
	float: left;
	width: 240px;
	height: 37px;
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(../krok-images/booking-cake-form-background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.cake-left-4
{
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
}

.cake-left-4 img
{
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	float:left;
}

.cake-left-5
{
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
}

.cake-left-5 img
{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#booking-cake-top-formright
{
	float: left;
	width: 290px;
	height: 302px;
	margin: 0px;
	padding: 0px;
}

#booking-cake-top-formright h1
{
	padding:0px 0px 8px 0px;
	margin:0px;
	float:left;
	font-size:14px;
	width:175px;
}

#booking-cake-top-formright p
{
	padding:0px 0px 6px 0px;
	margin:0px;
	float:left;
	font-size:12px;
	width: 175px;
	line-height:16px;
}

#booking-cake
{
	float: left;
	width: 845px;
	height: 253px;
	margin: 0px;
	padding: 0px;
	background-image: url(../krok-images/booking-cake-bottom.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

#booking-cake-main
{
	float: left;
	width: 845px;
	height: 253px;
	margin: 0px;
	padding: 0px;
}

#booking-cake-main-left
{
	float:left;
	padding:0px;
	margin:0px;
	width:627px;
	height: 253px;
}

#booking-cake-main-left-top
{
	float:left;
	padding:0px 0px 0px 45px;
	margin:0px;
	width:582px;
	height: 78px;
}

#booking-cake-main-left-top h1
{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:130%;
	font-weight:bold;
}

#booking-cake-main-left-top p
{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:522px;
	font-size:85%;
	line-height:18px;
}

#booking-cake-main-left-bottom
{
	float:left;
	padding:0px 0px 0px px;
	margin:0px;
	width:627px;
	height: 175px;
}

#bottom-left
{
	float:left;
	padding:0px 0px 0px 45px;
	margin:0px;
	width:402px;
	height: 175px;
}

#bottom-left h1
{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	font-size:90%;
	font-weight:bold;
	width:165px;
}

#flash
{
	padding:15px 0px 0px 14px;
	margin:0px;
	float:left;
}

#bottom-right
{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:180px;
	height: 150px;
}

#bottom-right1
{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:180px;
	height: 86px;
}

#bottom-right2
{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:180px;
	height: 69px;
}

#booking-cake-main-right
{
	float:left;
	padding:0px;
	margin:0px;
	width:218px;
	height: 253px;
}


#save-bu
{
	width:180px;
	height:86px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
}

#save-bu ul
{
	position: relative;
	width:180px;
	height:86px;
	background: url(../krok-images/booking-cake-save-continue.jpg);
	margin: 0;
	padding: 0;
	text-align:left;
}

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

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

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

#savebu
{
	left:0; top:0; width:180px;
}

#savebu a:hover 
{
	background: transparent url(../krok-images/booking-cake-save-continue.jpg) no-repeat 0 -86px; border-bottom:0;
}


#cgo-bu
{
	width:180px;
	height:69px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
}

#cgo-bu ul
{
	position: relative;
	width:180px;
	height:69px;
	background: url(../krok-images/booking-cake-go-back.jpg);
	margin: 0;
	padding: 0;
	text-align:left;
}

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

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

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

#cgbt
{
	left:0; top:0; width:180px;
}

#cgbt a:hover 
{
	background: transparent url(../krok-images/booking-cake-go-back.jpg) no-repeat 0 -69px; border-bottom:0;
}


/* 	===================================================================================================
												Footer
===================================================================================================  */

#footer-form
{
	width:845px;
	padding:0px;
	margin:0px;
	background-color:#996600;
	float:left;
}


#footer
{
	width:845px;
	float:left;
	color:#896E8B;
	padding:0px;
	margin:0px;
}

#footer a
{
	color:#896E8B;
	text-decoration:none;
}

#footer a:hover
{
	color:#A51A3E;
	text-decoration:none;
}

#footertop
{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:12px;
	width:845px;
	float:left;
}

ul.footerright_links
{
	margin:0;
	padding:0;
	background-position:center;
}

ul.footerright_links li	
{
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0px;
	display: inline;
}

#footerbottom
{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:12px;
	color:#896E8B;
	width:845px;
}

/* 	===================================================================================================
												From Elements
===================================================================================================  */


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

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

#form-text label
{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px;
} 

#form-text input
{
	padding: 4px 0px 4px 0px;
	margin:6px 0px 0px 13px;
	border: 0px solid #D2D2D2;
	width:215px;
	background-color:#E4DBE2;
	color:#885F7F;
	font-weight:bold;
}