/********************
	LAYOUT STYLES
********************/
html, body{
	height:100%;
}
body{
	background-image:url(../images/gfx/background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#container{
	/*min-height:100%;*/
}
* html #container{ /*Hack for >=IE6*/
	/*height:100%;*/
}
#container, #footer {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#container{
	width:900px;
	text-align:center;
	background-image:url(../images/gfx/nav.gif);
	background-repeat:repeat-x;
	background-position:0 40px;
}
#masthead{
	text-align:left;
	position:relative;
	z-index:1000;
	height:90px;
}
#wrap{
	background-color:#662C1A;
	background-image:url(../images/gfx/contentbg.gif);
	background-repeat:no-repeat;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#main{
	width:100%;
	float: left;
	margin-right: -35%;
	background-image:url(../images/gfx/contentbg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:50px;
	position:relative;
	padding-top:90px;
	min-height:400px;
}
#main #content{
	margin-right: 35%;
	padding-left:20px;
}
* html #main {
	height:405px;
}
#sidecontent{
	width: 30%;
	float: right;
	padding-top:20px;
	position:relative;
	z-index:20;
}
* html #sidecontent{
	left:60px;
}
.breadcrumbs{
	font-size:80%;
}
#flashcontent{
	height:240px;
	position:relative;
	z-index:0;
}
* html #flashcontent{
	right:-50px;
}
#footer {
	font-size: 95%;
	clear:left;
	width:720px;
}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer ul li{
	margin:0;
	padding:0;
	line-height:1.2em;
}
.clear{
	clear:both;
	line-height:0px;
	height:0;
	padding:0;
}
.ie{
	margin-top:-1em;
}
/*********************
	TEXT STYLES
**********************/
body {
	margin:0;
	padding:0;
	font:small Verdana, Sans-serif;
	background-color:#260C04;
	color:#C8C8C8;
	text-align:center;
}
#container{
	font-size:90%;
}
a img {border: none; }
a:link, a:visited {
	color: #C4BCA7;
	text-decoration: underline;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	color:#F0F0F0;
} 
h1 {
	font-size: 190%;
}
h1#signifier{
	background-color:#8E3C21;
	border:1px solid #BF755C;
	color:#C4BCA7;
	font-family:Georgia, Serif;
	font-weight:lighter;
	padding:3px 20px;
	position:absolute;
	left:-40px;
	top:30px;
}
h2 {
   font-size:150%;
   font-family:Georgia, Serif;
   font-weight:lighter;
   }
#footer, #footer a:link, #footer a:visited, #footer a:hover{
	color:#D77D5F;
	background-color:#260C04;
}
#footer ul{
	text-align:right;
	font-size:80%;
}
/*********************
	LOGO STYLES
*********************/
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
	height:77px;
	width:121px;
	margin:0;
	padding:0;
	line-height:0px;
	display:block;
}
h1#logo{
	height:85px;
	width:121px;
	margin:5px 0 0 0; 
	padding:0;
	text-indent : -9999px;
	text-decoration:none;
	background:url(../images/gfx/logo.gif) no-repeat;
	float:left;
}
/*PHONE BADGE*/
h2#phone{
	width:262px;
	height:137px;
	background-image:url(../images/gfx/kiss_phone_logo.gif);
	background-repeat:no-repeat;
	margin:0;
}
h2#phone a:link, h2#phone a:visited, h2#phone a:hover{
	padding:50px 0px 0 10px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	line-height:1.6em;
	display:block;
	color:#fff;
	text-decoration:none;
}
h2#phone span{
	font-size:65%;
	padding-left:0.5em;
}
/*********************
	EDUKA FORM LAYOUT
**********************/
fieldset { margin-bottom: 10px; border:none; padding:0;}

.edukaform legend {
	padding: 0 0 1em 0;
	font-weight: bold;	
	margin: 0 -7px; /* IE Win */
}	
.edukaform label 
{
	float:left;
	vertical-align: top;
}	
.edukaform fieldset ol {
	margin: 0;
	padding: 0;
	}	
.edukaform fieldset li {
	list-style: none;
	margin: 0 0 5px 0;
	overflow:hidden;
	}
.edukaform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}	
.edukaform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
.edukaform fieldset fieldset label {
	display: block;
	width: auto;
	}
.edukaform em { /*required field asterix*/
	font-weight: bold;
	font-style: normal;
	color:red;
	}
.edukaform label { width: 45%;} /* Width of labels */
.edukaform fieldset fieldset label { margin-left: 45%; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
.edukaform .checkbox input{
	float:left;
}
.edukaform .checkbox label{
	width:auto;
	float:left;
}
.edukaform .checkbox{
	float:left;
}
.edukaform span.error, .edukaform .button{
	margin-left:45%;
}
.button{
	background:#662C1A url(../images/gfx/nav.gif) 99%;
	color: #C4BCA7;
	border: 1px #BF755C solid;
	padding:5px;
	line-height:1em;
	cursor:pointer;
	font-family:Georgia, 'Times New Roman', Serif;
	font-size:120%;
	text-transform:lowercase;
}
.button:hover{
	color:#fff;
}
.edukaform .note{
	font-style:italic;
	font-size:90%;
	margin-left:45%;
	display:block;
}
/******************
	FORM STYLES
******************/
.textbox, .textarea, .select{
	width:50%;
	background-color:transparent;
	border:1px solid #C4BCA7;
	color: #C4BCA7;
}
.select{
	background-color: #662C1A;
}
.textbox.datepicker{
	width:46.5%; /*narrower width on textbox to accomodate date picker*/
}
.contactform li img{
   display:block;
   margin-right:10px
}

.contactform ul{
  margin:0;
  padding:0;
  overflow:hidden
  }
.contactform ul li{
  list-style-type:none; 
  width:200px;
  margin-top:10px;
  float:left}
.edukaform, .contactform p{
  clear:both;
  margin-top:10px
  }
/******************
	FRANCHISE LOGIN
*******************/
#masthead div.edukaform{
	width:350px;
	font-size:smaller;
	position:absolute;
	right:0;
	top:0;
	padding-top:1px;

}
#masthead .textbox{
	height:12px;
	background-color:#260C04;
	border:1px solid #C4BCA7;
	color:#fff;
}
#masthead .edukaform li{
	float:left;
	display:block;
	position:relative;
	width:155px;
	margin-left:3px;
}
#masthead .edukaform label{
	float:none;
	font-weight:bold;
}
#masthead .edukaform .textbox{
	width:145px;
	font-size:90%;
	color: #C4BCA7;
}
#masthead .edukaform #adminButton{
	width:30px;
	padding:1em 0 0 0;
	margin:0;
	height:2em;
}
#masthead .edukaform #adminButton .button{
	background-color:#260C04;
	color: #C4BCA7;
	border: 1px #C4BCA7 solid;
	margin:0;
	padding:0;
}
#masthead .edukaform span.error{
	margin:0;
	background-color:#FFF4AD;
	padding:0 3px;
}
/******************
	TESTIMONIALS
******************/
blockquote{
	font-family:trebuchet, 'trebuchet ms', Georgia, 'Times New Roman', Serif;
	line-height:1em;
}
blockquote.testimonial{
	background-image:url(../images/gfx/quote_close.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:0;
	margin:0;
	font-size:95%;
	line-height: 1.2em;
}

blockquote.testimonial p{
	background-image:url(../images/gfx/quote_open.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 20px;
}
#testimonials li{list-style-type:none;float:left;margin-bottom:10px}
/*********************
	KISS TESTIMONIALS
**********************/
blockquote.kissTestimonial, blockquote.booking{
	margin:0;
	padding:6px 5px;
	border:1px solid #BF755C;
	background-color:#8E3C21;
	width:46%;
	position:relative;
	height: 125px;
	float: left;
}
* html blockquote.kissTestimonial, * html blockquote.booking{
	height:105px;
}
blockquote.kissTestimonial p{
	margin:10px 75px 0 0;
	padding:0;
}
blockquote.kissTestimonial img{
	position:absolute;
	bottom:0;
	right:0;
}
blockquote.kissTestimonial h2, blockquote.booking h2{margin:0; padding:0; font-size:120%; line-height:1.2;}
/*****************
	BOOKING AD
******************/
blockquote.booking{
	margin:0 0 0 3px;
}
blockquote.booking img{
	position:absolute;
	top:-2.5em;
}
blockquote.booking h2{
	margin-top:60px;
}

.caramel{
	color:#C4BCA7;
}
/******************
	ALERT STYLES
******************/
.warning{/*styles the warning messages*/
	background-color:#FFF4AD;
	padding:5px 5px 5px 50px;
	clear:both;
	margin-bottom:10px;
	background-image:url(../images/gfx/warning.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #DAB100;
	min-height:30px;
	color:red;
}

.failure{/*styles the failure messages*/
    background-color:#E84F4F;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#fff;
	margin-bottom:10px;
	background-image:url(../images/gfx/failure.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #BF1212;
	min-height:30px;
}

.success{ /*styles the success messages*/
	background-color:#B5FFAD;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#000;
	margin-bottom:10px;
	background-image:url(../images/gfx/success.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #53AA4A;
	min-height:30px;
}
/******************
	TEST STYLES
******************/
#blocky{
	margin-top: 55px;
}
.SideMenu1_hdrAdmin {
	font-weight:bold;
	color: #C4BCA7;
}
/******************
	MENU PRICELIST
******************/
table.pricelist
{
    border:1px solid #996633;
}
table.pricelist caption
{
    display:none;
}
table.pricelist td
{
    border:none;
    padding:5px;
    background-color:#5F3023;
}
table.pricelist tr.odd td
{
	background-color:#773C00;
}
/**********************
	SPONSORSHIPS
***********************/
ul#sponsorships,ul#news{
	margin:0;
	padding:0;
	width:100%;
}
ul#sponsorships li,ul#news li{
	list-style-type:none;
	float:left;
	padding-left:0.5em;
	padding-bottom:0.5em;
}
ul#sponsorships a, ul#news a{
	border:3px solid #C4BCA7;
	display:block;
}
/**********************
	AJAX CALNEDARS
***********************/
div.ajax__calendar_container
{
	z-index: 1100;
}
/**********************
	ADMIN
***********************/
/*Layout reset*/
#main.admin{
	margin:0;
	float:none;
}
#main.admin #content{
	margin:0;
	padding-right:20px;
}

/*Manage Users*/
#FilterUsers label{
	width:auto;
	margin-right:10px;
}

/*View Takings*/
#SelectFranchisee{
	border-bottom:1px solid #BF755C;
	padding-bottom:1em;
	margin-bottom:1em;
}

/*All grids*/
table.grid{
	width:100%;
	border:1px solid #BF755C;
	margin:1em 0;
}
table.grid td, table.grid th{
	padding:5px 6px;
	border-right:1px solid #BF755C;
}
table.grid td, table.grid a:link,
table.grid a:visited{
	background:#fff;
	color:#000;
}
table.grid td.altrow{
	background:#BF755C;
}
table.grid th{
	background:#8E3C21;
	color:#C4BCA7;
}
/*calendar*/
table.calendar{
	width:170px;
	border:1px solid #BF755C;
}
table.calendar td{
	background:#FBFAF9;
	color:#000;
	border:1px solid #BF755C;
}
table.calendar th{
	background:#8E3C21;
	color:#C4BCA7;
}
table.calendar a:link,
table.calendar a:visited
table.calendar a:hover{
	text-decoration:none;
}
/*Enter Takings*/
table#EnterTakings{
	width:410px;
	margin:auto;
}
table#EnterTakings th{
	background-color:#8E3C21; color:#C4BCA7;border:1px solid #BF755C;font-family:Georgia, Serif;font-weight:bold;font-size:14px;
}