/*
	site colours
	#eec - backgrounds
	#ffd - box info
	#ddc - alternate background
	#eee - body background
	#ccc - borders
*/

body {
	margin:0.5em 0;
	padding:0;
	background: url(canvas1.jpg) #eee;
	font-family:arial,sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#000;
}

body a {
	text-decoration:none;
}

body a:link, body a:visited {
	color:#00c;
}

body a:hover, body a:active {
	color:#f00;
}

dt, dd, li {
	margin-top:0.1em;
	margin-bottom:0.1em;
}

h1 { font-size:1.2em; }
h2 { font-size: 1.1em; }

 /* CLEARFIX: Clear Floated Elements */
 	.clearfix:after {
 		content:".";
 		display:block;
 		height:0;
 		clear:both;
 		visibility:hidden;
 	}

 	.clearfix {
 		display:inline-block;
 	}

/* ---- CONTAINERS---- */

#container {
	position:relative;
	top:0;
	width:80%;
	max-widthx:960px;
	margin:0 auto;
	padding:0;
	border:1px solid #ccc;
	background:#fff;
	font-size:inherit;
}

#panel-top {
	border:none;
	border-bottom:none;
	background-color:#eec;
	background-image:url(canvas3.jpg);
	padding:0.2em;
}

#panel-left {
	width:240px;
	background-color:#eec;
	background-image:url(canvas3.jpg);
	padding:0.2em 0.3em;
	border-bottom:1px solid #ccc;
}

#panel-left div.menu-note {
	border:1px solid #ccc;
	width:80%;
	margin:0 auto;
	margin-bottom:1em;
	padding:0.3em;
	font-size:0.8em;
	background:#ffd;
	text-align:center;
}


#panel-left div.menu-note a {
	font-size:1.4em;
	font-weight:normal;
}


#panel-left div.menu-note img {
	border:none;
}



#panel-left div.menu-note #active-offer a {
	font-size:1em;
	font-weight:normal;
}

#panel-left div.menu-note #active-offer img {
	border:1px solid #ccc;

}


#active-offer {
	margin: 1em 0 0 0;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}


#menu-horizontal {
	background-color:#eec;
	background-image:url(canvas3.jpg);
	padding:6px 0;
	border-right:1px solid #ccc;
}

#menu-horizontal dl {
	margin:0;
}

#menu-horizontal dt {
	display:inline;
	border:1px solid #ccc;
	margin:0 1em 0 0;
	padding:0 1em;
	font-size:0.8em;
	background:#ffd;
}

#panel-main {
	border:1px solid #ccc;
	border-right:none;
	border-bottom:none;
	color:#000;
	vertical-align:top;
	height:900px;
	padding:0 0 12em 0;
}


#panel-bottom {
	font-size:0.8em;
	text-align:center;
}

#panel-bottom hr {
	width:100%;
	height:6px;
	border:none;
	border-top:6px solid #ccc;
	margin-top:10em;
	margin-bottom:1em;
}

img.pxs { border:1px solid #ccc; width:80px; height:80px; }
img.pxm { border:1px solid #ccc; width:140px; height:140px; }


.bold 		{ font-weight: bold; }
.normal		{ font-weight: normal; }
.center		{ text-align: center; }
.left		{ text-align: left; }
.right		{ text-align: right; }
.dec		{ text-decoration:underline; }

.money		{ color: #c00; }

.hc1		{ color: #eec; }
.hc2		{ color: #ffd; }
.hc3		{ color: #ddc; }

.bordt 		{ border-top:1px solid #000; }
.bordr 		{ border-right:1px solid #000; }
.bordl 		{ border-left:1px solid #000; }
.bordb		{ border-border:1px solid #000; }
.bordlr		{ border-left:1px solid #000; border-right:1px solid #000;}

.amber		{ color: #fa0; }
.green 		{ color: #090; }
.mgreen 	{ color: #070; }
.dgreen 	{ color: #050; }
.red 		{ color: #c00; }
.mred 		{ color: #900; }
.dred 		{ color: #600; }
.blue 		{ color: #00f; }
.mblue 		{ color: #00c; }
.dblue 		{ color: #009; }
.purple 	{ color: #c0c; }
.mpurple 	{ color: #909; }
.dpurple 	{ color: #606; }

.sz08		{ font-size:0.8em }
.sz09		{ font-size:0.9em }
.sz10		{ font-size:1em }
.sz11		{ font-size:1.1em }
.sz12		{ font-size:1.2em }
.sz13		{ font-size:1.3em }
.sz14		{ font-size:1.4em }
.sz15		{ font-size:1.5em }
.sz16		{ font-size:1.6em }
.sz17		{ font-size:1.7em }
.sz18		{ font-size:1.8em }
.sz19		{ font-size:1.9em }
.sz20		{ font-size:2em }