body {
	background:				#905 url("../images/bg_body.gif") repeat-y fixed top center;
	color:					#444;
	font:					normal 11px "trebuchet ms", arial, helvetica, sans-serif;
	height:					100%;
	margin:					0;
	width:					100%;
}

/****************************************************************************************************
 main lay-out elements
****************************************************************************************************/

div#wrapper {
	background:				transparent url("../images/bg_header.jpg") no-repeat;
	margin:					auto;
	width:					760px;
}

div#title {
	padding:				19px 0 0 19px;
	height:					81px;
}

div#sidebar-left {
	float:					left;
	width:					192px;
}

div#content {
	float:					left;
	padding:				0 11px 0 10px;
	width:					359px;
}


/****************************************************************************************************
 sidebars
****************************************************************************************************/

div#sidebar-left ul, div#sidebar-right ul {
	list-style-type:		none;
	margin:					0 0 15px 0;
	padding:				0;
}

div#sidebar-left ul li, div#sidebar-right ul li {
	color:					#AAA;
	font-size:				11px;
	margin:					0 0 2px 20px;
	padding:				0;
}

div#sidebar-right {
	color:					#CCC;
	float:					left;
	font-size:				11px;
	padding:				0 0 20px 0;
	width:					188px;
}

div#sidebar-right div.sidebar-box {
	padding:				10px 20px;
}

div#sidebar-right input.text, div#sidebar-right select {
	margin-bottom:			8px;
}

div#sidebar-right input.search {
	border-color:			#AAA;
	display:				block;
	margin:					4px 0;
}

div#sidebar-right div#banners {
	padding:				0 20px;
}

div#sidebar-right div#banners a {
	display:				block;
	margin-bottom:			10px;
}


/****************************************************************************************************
 anchors
****************************************************************************************************/

a {
	color:					#F34;
	text-decoration:		none;
}

a.track {
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	margin-bottom:			3px;
}

a.track:visited {
	color:					#B8B;
}

a.track:hover {
	color:					#905;
}

a img {
	border-width:			0;
}

/****************************************************************************************************
 headers
****************************************************************************************************/

h1 {
	margin:					0 0 10px 10px;
}

h2 {
	margin:					0 0 10px 20px;
}

h3 {
}

h4 {
	border-top:				2px solid #CCC;
	color:					#905;
	font-size:				12px;
	margin:					0 10px 15px 10px;
	padding-top:			10px;
}

h4 a {
	color:					#905;
}

h5 {
	color:					#905;
	font-size:				11px;
	margin:					2px 0 5px 0;
}

/****************************************************************************************************
 tabs
****************************************************************************************************/

ul#tabs {
	background:				transparent url("../images/bg_tabs.gif") repeat-x;
	height:					26px;
	list-style-type:		none;
	margin:					0 10px 15px 10px;
	padding:				0;
}

ul#tabs li {
	background:				transparent url("../images/bg_tab_li_false.gif") no-repeat scroll top right;
	float:					left;
	height:					26px;
	margin-right:			1px;
	padding-right:			10px;
}

ul#tabs li.active {
	background-image:		url("../images/bg_tab_li_true.gif");
}

ul#tabs li a {
	background:				transparent url("../images/bg_tab_a_false.gif") no-repeat;
	display:				block;
	float:					left;
	font-weight:			bold;
	line-height:			26px;
	height:					26px;
	padding-left:			10px;
}

ul#tabs li a.first {
	background-image:		url("../images/bg_tab_a_first_false.gif");
}

ul#tabs li.active a {
	background-image:		url("../images/bg_tab_a_true.gif");
	color:					#905;
}

ul#tabs li.active a.first {
	background-image:		url("../images/bg_tab_a_first_true.gif");
}

/****************************************************************************************************
 form elements
****************************************************************************************************/

form {
	margin:					0;
	padding:				0;
}

div.input-caption {
	font-weight:			bold;
	margin:					0 0 2px 0;
}

input.text, select, textarea {
	border:					1px solid #905;
	color:					#666;
	font:					normal 11px arial, helvetica, sans-serif;
	outline:				none;
	padding:				1px 0 1px 2px;
}

input.text:focus, select:focus, textarea:focus {
	outline:				none;
}

/****************************************************************************************************
 miscellaneous
****************************************************************************************************/

div#content div#header {
	margin:					0 0 10px 10px;
}

div#content h2 {
	color:					#905;
	font-size:				12px;
	margin:					15px 0 10px 10px;
}

div#content p {
	line-height:			15px;
	margin:					0 10px 15px 10px;
}

div#content p.error {
	border:					2px solid #F00;
	color:					#F00;
	font-weight:			bold;
	line-height:			15px;
	margin:					0 10px 15px 10px;
	padding:				8px;
}

div#content p.message {
	border:					2px solid #0B0;
	color:					#0B0;
	font-weight:			bold;
	line-height:			15px;
	margin:					0 10px 15px 10px;
	padding:				8px;
}

div#content p.label {
	border:					1px solid #F90;
	background-color:		#FFC;
	color:					#7D4900;
	padding:				10px;
}

div.clear {
	clear:					both;
	display:				compact;
	font-size:				0;
	height:					0;
	line-height:			0;
	margin:					0;
	padding:				0;
}

span.required {
	color:					#F00;
	font-weight:			bold;
}

/****************************************************************************************************
 top 5 list
****************************************************************************************************/

div#top5-block {
	background-color:		#905;
	width:					359px;
}

div#top5-left {
	background-color:		#905;
	float:					left;
	padding:				0 15px 0 10px;
	width:					159px;
}

div#top5-right {
	background-color:		#905;
	float:					left;
	padding:				0 15px 0 0;
	width:					160px;
}

ol#top5 {
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

ol#top5 li {
	margin:					0;
	padding:				0 0 5px 25px;
}

ol#top5 li a {
	color:					#FFF;
	font-weight:			bold;
}

ol#top5 li div.city {
	color:					#F34;
	font-size:				11px;
}

ol#top5 li.no1 {
	background:				transparent url("../images/bg_top5_1.gif") no-repeat;
}

ol#top5 li.no2 {
	background:				transparent url("../images/bg_top5_2.gif") no-repeat;
}

ol#top5 li.no3 {
	background:				transparent url("../images/bg_top5_3.gif") no-repeat;
}

ol#top5 li.no4 {
	background:				transparent url("../images/bg_top5_4.gif") no-repeat;
}

ol#top5 li.no5 {
	background:				transparent url("../images/bg_top5_5.gif") no-repeat;
}

/****************************************************************************************************
 form table
****************************************************************************************************/

table.form {
	margin:					0 10px 15px 10px;
	width:					339px;
}

table.form td, th {
	line-height:			15px;
	vertical-align:			top;
	padding:				0 0 2px 0;
}

table.form th {
	color:					#000;
	font-weight:			normal;
	text-align:				left;
	width:					140px;
}

table.form th.no-priv {
	color:					#CCC;
}

/****************************************************************************************************
 table-list
****************************************************************************************************/

ul.table-list {
	list-style-type:		square;
	list-style-position:	inside;
	margin:					0 0 10px 0;
	padding:				0;
}

/****************************************************************************************************
 facilities
****************************************************************************************************/

div.facilities {
	_height:				1%;
	margin:					0 10px 15px 10px;
	overflow:				auto;
}

div.facilities ul {
	float:					left;
	list-style-type:		none;
	margin:					0 0 10px 0;
	padding:				0;
	width:					140px;
}

div.facilities ul li {
	background:				transparent url("../images/i_true.gif") no-repeat;
	line-height:			11px;
	height:					11px;
	margin:					0 0 2px 0;
	padding:				0 0 0 18px;
}

div.facilities ul li.false {
	background-image:		url("../images/i_false.gif");
	color:					#CCC;
}

/****************************************************************************************************
 subscription table
****************************************************************************************************/

table.subscription {
	border-width:			0;
	border-collapse:		collapse;
	margin:					0 10px 15px 10px;
	width:					339px;
}

table.subscription td, th {
	vertical-align:			top;
	padding:				0 0 8px 0;
}

table.subscription th {
	text-align:				left;
	width:					30px;
}

/****************************************************************************************************
 restaurant search
****************************************************************************************************/

div#restaurant-search {
	border-bottom:			2px solid #CCC;
	margin:					0 20px 15px 20px;
	padding-bottom:			15px;
}

/****************************************************************************************************
 sort search results
****************************************************************************************************/

div#sort-results {
	background:				#FFC url("../images/bg_sort.gif") repeat-y;
	color:					#7D4900;
	padding:				0 10px 0 10px;
}

/****************************************************************************************************
 result
****************************************************************************************************/

div.result {
	border-bottom:			1px dotted #CCC;
	_height:				1%;
	margin:					0 10px 15px 10px;
	padding:				0 0 10px 0;
	overflow:				auto;
	width:					339px;
}

div.result div.photo {
	float:					left;
	width:					100px;
}

div.result div.photo a {
	background-color:		#FFF;
	border:					1px solid #CCC;
	display:				block;
	height:					77px;
	padding:				3px;
	width:					77px;
}

div.result div.photo a:hover {
	border-color:			#905;
}

div.result div.details {
	float:					right;
	line-height:			16px;
	width:					239px;
}

div.result div.details h5 {
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	margin:					0 0 3px 0;
}

div.result div.details strong {
	color:					#905;
}

div.result div.details ul, li.offer ul {
	height:					23px;
	list-style-type:		none;
	margin:					6px 0 0 0;
	padding:				0;
}

div.result div.details li, li.offer li {
	float:					left;
	height:					23px;
	margin-right:			2px;
}

/****************************************************************************************************
 thumbnails
****************************************************************************************************/

ul.thumbnails {
	list-style-type:		none;
	margin:					0 10px 15px 10px;
	padding:				0;
}

ul.thumbnails li {
	float:					left;
	height:					68px;
	width:					68px;
}

ul.thumbnails li.fifth {
	width:					63px;
}

div.thumbnail a {
	background-color:		#FFF;
	border:					1px solid #CCC;
	display:				block;
	height:					55px;
	padding:				3px;
	width:					55px;
}

div.thumbnail a:hover {
	border-color:			#715;
}

/****************************************************************************************************
 photo
****************************************************************************************************/

div.photo-large {
	background-color:		#FFF;
	border:					1px solid #CCC;
	display:				block;
	height:					238px;
	margin:					0 10px 10px 10px;
	padding:				7px;
	width:					323px;
}

/****************************************************************************************************
 options
****************************************************************************************************/

div.options {
	height:					22px;
	margin:					0 10px 15px 10px;
}

/****************************************************************************************************
 guestbook
****************************************************************************************************/

form.guestbook-navigation {
	border-bottom:			1px solid #DDD;
	margin:					0 10px 10px 10px;
	padding:				0 0 10px 0;
}

div.guestbook-entry {
	border-bottom:			1px solid #CCC;
	margin:					0 10px 10px 10px;
	padding:				0 0 10px 0;
}

div.guestbook-entry div.name-date {
	color:					#888;
	margin-bottom:			6px;
}

/****************************************************************************************************
 guestbook form
****************************************************************************************************/

form.guestbook-form {
	margin:					0 10px 10px 10px;
}

div.guestbook-label {
	color:					#000;
	margin-bottom:			4px;
}

/****************************************************************************************************
 table
****************************************************************************************************/

table {
	border-width:			0;
	border-collapse:		collapse;
}

td {
	padding:				0;
}

/****************************************************************************************************
 offers
****************************************************************************************************/

div#province-select {
	height:					214px;
	width:					339px;
}

img#province-map {
	float:					right;
}

ul#province-list {
	float:					left;
	margin-top:				0;
}

ul#province-list li {
	margin-bottom:			2px;
	padding:				0;
}

ul#offers {
	list-style-type:		decimal-leading-zero;
}

li.offer {
	margin-bottom:			10px;
}

/****************************************************************************************************
 offers
****************************************************************************************************/

div#spotlight {
	background:				#FFC url("../images/bg_sort.gif") repeat-y;
	color:					#7D4900;
	overflow:				hidden;
	padding:				0 10px;
}

div#spotlight div.photo {
	background-color:		#FFF;
	border:					1px solid #CCC;
	float:					left;
	height:					77px;
	margin-right:			15px;
	padding:				3px;
	width:					77px;
}

div#spotlight a#name {
	font-size:				12px;
	font-weight:			bold;
}

div#spotlight p {
	margin:					0;
}

/****************************************************************************************************
 added 13-07-2008
****************************************************************************************************/

.container {
	clear:					both;
	overflow:				hidden;
	width:					100%;
}

.left {
	display:				block;
	float:					left;
}

.right {
	display:				block;
	float:					left;
}

input.captcha {
	border:					1px solid #905;
	color:					#905;
	font:					bold 16px 'courier new', helvetica, sans-serif;
	height:					20px;
	line-height: 			20px;
	outline:				none;
	padding:				4px;
	text-transform:			uppercase;
	width: 					105px;
}

.message_notice {
	border:					1px solid #905;
	background-color:		#905;
	color:					#fff;
	font:					normal 14px Arial;
	height:					20px;
	line-height: 			20px;
	outline:				none;
	padding:				4px;
	margin:					0 0 30px 0;
}

div.issuerselect {
	text-align: 			center;
	border:					1px solid #905;
	background-color:		#905;
	color:					#fff;
	font:					normal 14px Arial;
	outline:				none;
	padding:				10px;
	margin:					0 0 20px 0;
}