html,
body {
   margin:0;
   padding:0;
   height:100%;
}

* html #container { height: 100%;}
#container {
   min-height:100%;
   position:relative;
}


body {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 18px; 
	text-align: left;
	margin: 0; padding: 0;
	background: url(../images/bg-page.gif) center top repeat-y #000000;
}

#container {
	width: 1080px; height: 100%;
	margin: 0 auto;
	padding: 0;
}

#container-header {
	width: 1050px; height: 225px;
	padding: 15px;
	text-align: center;
	margin: 0 auto;
	clear: both;
}

#container-header .leftPanel		{ width: 275px; padding: 0; text-align: left; }
#container-header .midPanel	        { width: 500px; margin: 0; text-align: center; }
#container-header .rightPanel		{ width: 240px; padding-left: 35px; text-align: right; }

#container-navbar {
	width: 1050px; height: 57px;
	text-align: center;
	margin: 0 auto 15px auto;
	clear: both;
	position: relative;
}

#container-navbar img {
	float: left; display: inline;
	padding: 0; margin: 0;
}

#container-body {
	width: 1050px;
	margin: 0 auto; padding: 0 15px;
	min-height: 645px;
	height: auto !important;
	height: 645px;
	clear: both;
	overflow: auto;
}

#container-body .leftPanel		{ width: 300px; margin: 0 15px 0 0; text-align: left; }
#container-body .rightPanel		{ width: 735px; text-align: left; }

#container-body .bodyFooter		{ width: 735px; height: 180px; margin: 15px 0; text-align: left; clear: both;}
#container-body .bodyFooter	img	{ margin-right: 15px; }
#container-body .bodyFooter	img.last	{ margin-right: 0; }


/* BOXES */

.LeftBox				{ width: 300px; height: 180px; padding: 7px 0 0 0; margin-bottom: 15px; }
#specials.LeftBox		{ background: url(../images/box-special.jpg) no-repeat left top; }
/* #rewards.LeftBox		{ background: url(../images/box-rewards.jpg) no-repeat left top; } */
#hot.LeftBox			{ background: url(../images/box-hot.jpg) no-repeat left top; margin-top: 15px;  }
#referral.LeftBox		{ background: url(../images/box-referral.jpg) no-repeat left top; margin: 20px 0; } 


.BottomBox				{ width: 235px; height: 180px; margin-top: 15px; padding: 7px 0 0 0; float: left; display: inline; }
/* #referral.BottomBox		{ margin-right: 0; background: url(../images/box-referral.jpg) no-repeat left top; } */
#location.BottomBox		{ margin-right: 15px; background: url(../images/box-locations.jpg) no-repeat left top; }
#supplier.BottomBox		{ margin-right: 15px; background: url(../images/box-supplier.jpg) no-repeat left top; }
#rewards.BottomBox	{ margin-right: 0; background: url(../images/box-rewards_sm.jpg) no-repeat center top; } 



/* CSS FOR MAIN BOX ON INNER PAGES */
#container-body .rightPanel #inner.content			{ width: 735px; min-height: 470px; margin: 0; padding: 0; clear: both;  background: url(../images/bg-body.jpg) right top no-repeat; }
#container-body .rightPanel #inner.content .textBox	{ width: 455px; height: 420px; margin: 0 15px 0 0; padding: 15px; background: url(../images/bg-textbox_l.jpg) left top no-repeat; }

#container-body .rightPanel #inner.contentFull		{ width: 735px; min-height: 410px; margin: 0; padding: 0; clear: both; }

#container-body .rightPanel #inner.content #specials.textBox { width: 455px; height: 420px; margin: 0 15px 0 0; padding: 0; }

/* CSS FOR MAIN BOX ON HOME PAGE */
#container-body .rightPanel #home.content				{ width: 735px; height: 470px; margin: 0; padding: 0; clear: both; }
#container-body .rightPanel #home.content .mainImage	{ width: 485px; height: 450px; margin: 0 15px 0 0; padding: 0; float: left; display: inline; }
#container-body .rightPanel #home.content .textBox		{ width: 205px; height: 420px; margin: 0; padding: 15px; float: right; display: inline; background: url(../images/bg-textbox-s.jpg) no-repeat left top; }

#container-body .rightPanel #home.content .textBox	p	{ width: 205px;  }





#container-footer {
	width: 1080px; height: 90px;
	margin: 0 auto;
}

.footer {
	color: #FFFFFF;
	font-size: 12px;
	width: 1050px; height: 100px;
	margin: 0 auto; padding: 0 15px;
	background: url(../images/bg-footer.gif) center top repeat-x;
}

#container-footer .footer .leftPanel		{ width: 300px; margin: 0 15px 0 0; text-align: center; }
#container-footer .footer .rightPanel		{ width: 735px; text-align: left; padding: 25px 0 0 0; }
#container-footer .footer .rightPanel .leftCol	{ width: 367px; text-align: left; float: left; display: inline; }
#container-footer .footer .rightPanel .rightCol	{ width: 368px; text-align: right; float: right; display: inline; }


a img { border: none; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 {  }
h2 { font-size: 20px; margin: 0; padding: 0; color: #FFFFFF; text-align: left; line-height: 10px; }
h3 { font-size: 20px; margin: 10px 0; padding: 0 0 0 40px; color: #FFFFFF; text-align: left; font-weight: normal;} /* TEXT HEADINGS - ZAPFINO */
h4 { font-size: 20px; margin: 10px 0; padding: 0 0 0 5px; color: #FFFFFF; text-align: center;} /* FORM HEADING OR BODY TEXT HEADING CENTRED - FUTURA */
h4 strong { font-size: 20px; margin: 10px 0; padding: 0 0 0 5px; color: #FFFFFF; text-align: left;} /* BODY TEXT HEADING LEFT - FUTURA */
h5 { font-size: 12px; margin: 10px 0 0 0; padding: 0 0 0 5px; color: #FFFFFF; text-align: left;} /* LOCATIONS HEADING */
h6 { font-size: 10px; margin: 0 0 0 5px; padding: 0; color: #FFFFFF; text-align: left; } /* LOCATIONS TEXT */



hr {
	background: none; 
	clear: both; 
	float: none; 
	width: 100%; 
 	height: 1px;
	margin: 0; padding: 0;
	border-top: 1px dashed #676767;
	border-left: none;
	border-bottom: none; 
	border-right: none; 
}

/* Text elements
-------------------------------------------------------------- */

p		{ margin: 12px 0 ; text-align: left; }
ul      { margin: 10px 0 10px 20px; padding: 0; text-indent: -20px; text-align: left; list-style-position: inside; list-style-type: square; }
li		{ margin: 10px 0; }

ul.pdf      { margin: 10px 0 10px 20px; padding: 0; text-indent: -20px; text-align: left; list-style-position: inside; list-style-type: square; list-style-image: url(../images/icon-pdf.png); }


/* Some default classes
-------------------------------------------------------------- */

.last			{ margin-right: 0;}
.leftPanel, .midPanel		{ float: left; display: inline; }
.rightPanel		{ float: right; display: inline; }
img.logo		{ margin: 20px 0; }
.small			{ font-size: 11px; }
.top			{ margin-top: 10px; }
.clr			{ clear: both; }
.right			{ text-align: right; }
.contentImages 	{ width: 730px; padding: 20px 0; clear: both; height: 213px;}
.contentImages img 	{ float: left; display: inline;  }


/** FORM STYLES                                                 **/

form			{ margin: 0; padding: 0; }
.form_bg		{ width: 266px; min-height: 300px; background: #1A1A1A; border: 2px solid #3F4345; padding: 15px; margin: 0; font-size: 12px; }
.formFriends_bg	{ width: 665px; min-height: 300px; background: #1A1A1A; border: 2px solid #3F4345; padding: 5px 15px 0 15px; margin: 0 0 0 20px; font-size: 12px; }
.label			{ font-size: 12px; float: left; display: inline; text-align: left; }
.labelfull		{ font-size: 12px; width: 285px; text-align: left;  }
#captchaimg		{ margin: 0 10px 0 76px; float: left; display: inline; clear: both;}
.item		 	{ width: 285px; margin: 7px 0; padding: 0; clear: both; }
.item_submit 	{ width: 285px; margin: 15px 0; text-align: center; clear: both; }
.error			{ text-align: center; margin: 7px 0 15px 0; font-size: 14px; font-weight: bold; }


INPUT.Cat_TextBox, INPUT.Cat_TextBox_Sm, INPUT.Cat_TextBox_M, INPUT.Cat_TextBox_L, SELECT.Cat_DropDown, SELECT.Cat_DropDown_L, TEXTAREA.Cat_ListBox, TEXTAREA.Cat_ListBox_L {
	color: 	#333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; font-weight: normal;
	border: 1px solid #C4BFBC;
	margin-bottom: 6px;
	background: #FFFFFF !important;
}

INPUT.Cat_TextBox {
	WIDTH: 184px;
}

SELECT.Cat_DropDown {
	WIDTH: 188px;
}

INPUT.Cat_TextBox_Sm {
	width: 85px;
	margin-top: 7px;
	float: left; display: inline;
}

TEXTAREA.Cat_ListBox {
	width: 206px;
	height: 40px;
}

TEXTAREA.Cat_ListBox_L {
	width: 246px;
	height: 40px;
}


/* Button Classes */

.button {
	width:109px;
	height:34px;
	background: url(../images/but-submit.gif) no-repeat;
	outline: none; border: none;
	margin: 20px 0 0 0;
}

.button:hover {
	background: url(../images/but-submit_d.gif) no-repeat;

}

.button_online {
	width:197px; height:40px;
	background: url(../images/but-book-online.jpg) no-repeat;
	outline: none; border: none; display: block;
	margin: 0 auto 20px auto;
}

.button_online:hover {
	background: url(../images/but-book-online_d.jpg) no-repeat;

}

.button_online2 {
	width:300px; height:61px;
	background: url(../images/but-book-online2.jpg) no-repeat;
	outline: none; border: none;
	margin: 0 0 20px 0; display: block;
}

.button_online2:hover {
	background: url(../images/but-book-online2_d.jpg) no-repeat;

}

 /* @group Links */

a:link, a:visited {
	color: #808080;
	text-decoration: none;	
}

a:hover, a:active {
	color: #808080;
	text-decoration: underline;
}


#container-footer a:link, #container-footer a:visited {
	font-size: 12px;
	color: #808080;
	text-decoration: none;	
}

#container-footer a:hover, #container-footer a:active {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

#container-footer a.special:link, #container-footer a.special:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;	
}

#container-footer a.special:hover, #container-footer a.special:active {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}