/* CSS Document 

	1. General - General styles for the HTML documents on this website.
	2. Links - CSS declarations for href links.
	3. Layout & Page Formatting - Page layout and formatting rules.
	4. Headers - CSS declarations for H*-level headers.
	5. Header DIV - #header divider CSS declaration.
	6. Content DIV - #content divider CSS declaration.
	7. Sidebar DIV - #sidebar divider CSS declaration.
	8. Footer DIV - #footer divider CSS declaration.
	9. Miscellaneous - DIV's and classes that don't fit a specific category

*/

/* General
---------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	width: 768px;
	background-color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: 11px;
}

html>body {
	font-size: 11px;
}

#lang-select {
	float: left;
	margin-left: 3em;
	width: auto;
	color: #FFF;
}

#key-top {
    float:right;
    margin-right: 8px;
    width: auto;
}

/* Links
---------------------------------------- */

a {
	color: #28844B;
	text-decoration:none;
}

/* Layout & Page Formatting
---------------------------------------- */

#pagecontent {
	background-color:#ffffff;
	background: #ffffff url("../img/bg_pagecontent.gif") top left;
	padding-top:1em;
	text-align: left;
	
}

/* Nav Container and Navigation System
---------------------------------------- */

#navcontainer {
    background: url("../img/bg_navigation.jpg") top left no-repeat;
	text-align: right;
    margin: 0;
    padding: 9px 0;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	padding: 0 1px 0 8px;
	margin-right:2px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#navcontainer ul li a:hover, #navcontainer ul li a#current {	
	color: #00844A;
	/*color: #00844A;*/
}

#navcontainer ul li#last {
	margin-right: 6px;
	color: #00844A;
}

/* Left Nav Container and Navigation System
---------------------------------------- */

#leftnav {
	width: 200px;
	margin-left: 2.4em;
}

#leftnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
	margin-bottom: 10px;
}


#leftnav li{
	background: #d1d1d1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#leftnav li.current {
	background: #D1D1D1 url(../img/arrows.gif) no-repeat left center;
}
#leftnav li.title {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 8px;
	padding-bottom: 4px;
	background-color: #00844A;
	padding-top: 4px;
}


#leftnav a {
	display: block;
	padding: 3px 3px 3px 14px;
	width: 152px;
}

#leftnav a:link, #leftnavlist a:visited {
	color: #00407D;
	text-decoration: none;
}

#leftnav a:hover {
	background-color: #00407D;
	color: #fff;
}

/* Left DIV
---------------------------------------- */

#left {
	float: left;
	width: 360px;
	background-color:#ffffff;
	text-align: left;
}
#left2 {
	float: left;
	width: 410px;
	background-color:#ffffff;
	text-align: left;
}

#leftcontent {
	background: #DFDCC9 url("../img/bg_leftcontent.gif") top no-repeat;
}

#left p.header, #left p.header {
	margin:0;
	color: #05824A;
	font-weight: bold;
}

#left p.header-gap, #left p.header-gap {
	margin:10px 0 0 0;
	color: #05824A;
	font-weight: bold;
}

#left img.bulletimage, #left img.bulletimage {
	margin-right: 4px;
}

#left p.subheader, #left p.subheader {
	margin: 0px 0 0 13px;
}

#left p.subheader-gap, #left p.subheader-gap {
	margin: 10px 0 0 13px;
}
#teaserend {
	background-image: url(../img/bk_left2.gif);
	background-repeat: no-repeat;
	height: 20px;
	background-color: #FFFFFF;
}
	
/* Right DIV
---------------------------------------- */

#right {
	float: right;
	width: 162px;
	text-align: left;
	background-color:#ffffff;
	margin-right:.7em;
}
#teaser h3 {
	color: #00427B;
	font-size: 12px;
	padding-top: 14px;
	padding-bottom: 6px;
	padding-left: 14px;
	margin: 0px;
}
p {
	font-size: 11px;
}



/* Promotion Boxes
---------------------------------------- */

#promotion {
	margin-top: .1em;
	color: #008449;
}

#box1 {
	float:left;
	width:145px;
	margin-bottom: 10px;
}

#box2 {
	float:right;
	width:145px;
	margin-bottom: 10px;
}

#box3 {
	float:left;
	width:145px;
}

#box4 {
	float:right;
	width:145px;
}

/* Rounded Corners CSS
---------------------------------------- */

.roundcont {
	width: 360px;
	background-color: #DFDDCA;
}
.roundconta {
	width: 536px;
	background-color: #DFDDCA;
}

.roundcont form {
	padding-left: 5px;
}

.roundtop { 
	background: url("../img/tr.gif") no-repeat top right; 
}

.roundbottom {
	background: #DFDDCA url("../img/br.gif") no-repeat right top;
	clear: both;
	height: 12px;
}
.roundbottoma {
	clear: both;
	height: 12px;
}
img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.roundcont #cardetails {
	background-color: #FFF;
	margin-bottom: 1em;
	border: 1px solid #D1CEBB;
}

.roundcont img.tab {
	margin-left: 1em;
}

/* Footer DIV
---------------------------------------- */
#footer {
	background: #666 url("../img/banner_footer.gif") top left no-repeat;
	margin-left: -1px;
	padding: 1em;
	color: #FFF;
	clear: both;
	text-align: center;
}

#footer h2 {
	font-size: 11px;
	font-weight: bold;
}

#footer p, h2 {
	margin: 0;
	margin-top: .5em;
}
/* [Start]	--- Dougie Added ----- */

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	padding: 0 6px;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #FFF;
	font-weight: normal;
}

#footer ul li a:hover {	
	color: #FF0000;
}

#footer ul li a.last {
	margin-right: 0 6px;
	border-right: none;
	color: #00844A;
}

/* [End]	--- Dougie Added --- */


/* Miscellaneous
---------------------------------------- */

.respageheader {
	float: right;
	color:#05854C;
	font-weight: bold;
	margin-top: 0;
	margin-right:1em;
}

.stepdesc {
	margin-left:2.8em;
}

.warning {
	color: #FF0000;
}

.steps {
	margin-top:6px;
}

.seating-max {
	color: #999999;	
}

.redbold {
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}
.redboldcity {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

.greenlocationname {
	font-size: 13px;
	color: #008449;
	font-weight:bold;
}

.textfield {
	padding: 0 4px;
	border: 1px solid #999999;
	font-size: 11px;
	color: #00427B;
	background-image: url(../img/bk_txtbox.jpg);
	background-repeat: no-repeat;
	background-color: #F7F7F7;
}

select {
	font-size: 11px;
	color: #00427B;
	background-image: url(../img/bk_txtbox.jpg);
}

.select {
	width: 80px;
}

.greenheader {
	color: #008449;
	font-weight:bold;
}
.greenheadera {
	color: #008449;
}
.promotext {
	color: #008449;
}

.modeltext {
	color: #013F7C;
}
#model {
	background-image: url(../img/bg_model3.gif);
	background-repeat: no-repeat;
	height: 180px;
	width: 364px;
	margin-bottom: 10px;
}
#modeltitle {
	font-size: 12px;
	font-weight: bold;
	color: #00427B;
	padding-left: 30px;
	padding-top: 1px;
}
#model2x2 {
	background-image: url(../img/bg_model.gif);
	height: 270px;
	width: 164px;
	margin-left: 8px;
	float: left;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
#model2x2title {
	font-size: 11px;
	font-weight: bold;
	color: #00427B;
	margin: 4px 4px 4px 12px;
}
#model2x2content {
	margin: 10px;
}
#model2x2 a {
	font-size: 10px;
	font-weight: bold;
}
#overDiv {
	text-align: left;
}
#offer {
	background-image: url(../img/bg_promo.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 364px;
	margin-bottom: 10px;
}
#offertitle {
	font-size: 12px;
	font-weight: bold;
	color: #00427B;
	padding-left: 30px;
	padding-top: 1px;
}
#offertitlea {
	font-size: 12px;
	font-weight: bold;
	color: #00427B;
	padding-left: 5px;
	padding-top: 2px;
}
#offertitlea_redbold {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding-left: 5px;
	padding-top: 2px;
}
.tagline {
	color: #008449;
	text-align: center;
	font-weight: bold;
}
#teaser {

	float: left;
	margin-left: 4px;
	background:url(../img/bk_left.gif) no-repeat left top;
	height:770;
	text-align: left;
	width: 216px;
}
#pagecontent #left #quote {
	border: 1px solid #CCCCCC;
	background-color: #DFDDCA;
	padding: 4px;
	color: #00407D;
	text-align: center;
	font-weight: bold;
}
#pagecontent #leftcolumn {
	float: left;
	width: 216px;
}
.WeekDays {
	color: #FFFFFF;
	background-color: #04844B;
}
td.model2x2title {
	font-size: 11px;
	font-weight: bold;
	color: #00427B;
}