﻿/**
 * @ Copyright: (c) 2009 CRM (Corporate Residential Management Ltd)
 */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	font: 0.7em arial,sans-serif;
	background: url('../_img/body-summer.jpg') repeat-x #003557;
}
.ie6 {
	clear: both;
}
/**
 * @ Section: CONTAINER
 */
div#crm {
	margin: 0 auto;
	width: 800px;
}
/**
 * @ Section: HEAD
 */
div#head {
	float: left;
	padding: 60px 0 0 10px;
	width: 790px;
	height: 83px;
	overflow: hidden;
	background: url(../_img/uk.gif) 690px 0 no-repeat #0098D4;
}
div#mainContent h1 {
	float: left;
	line-height: 120%;
	color: #0098D9;
	font-size:160%;
}
div#nav {
	float: left;
	margin: 0 0 8px 0;
	width: 800px;
	height: 37px;
	overflow: hidden;
	background: url(../_img/nav.gif) no-repeat;
}
/**
 * @ Section: MAIN
 */
div#main {
	float: left;
	padding: 0 10px 0 10px;
	width: 780px;
	background: url(../_img/main-top.gif) 0 0 no-repeat #fff;
}
div#mainContent {
	float: left;
	padding: 0 0 15px 0;
	width: 780px;
	background: url(../_img/main-tile.gif) 0 0 repeat-y;
}
div#mainTitle {
	float: left;
	margin: 0 0 0 0;
	padding: 18px 0 0 10px;
	width: 770px;
	height: 28px;
	overflow: hidden;
	border-bottom: 1px solid #BFBFBF;
	background: #fff;
}

div#mainTitle h2 {
	float: left;
	color: #0098D9;
	font-size: 150%;
	line-height: 110%;
}
div#mainLeft {
	float: left;
	margin: 0 10px 0 0;
	width: 207px;
	border-top: 12px solid #fff;
}
/**
 * @ Section: DEFAULT NAV
 */
ul#defaultNav {
	float: left;
	list-style-type: none;
}
ul#defaultNav li {
	float: left;
	width: 207px;
	height: 23px;
}
ul#defaultNav li a, ul#defaultNav li a:visited {
	display: block;
	padding: 4px 0 0 10px;
	width: 197px;
	height: 19px;
	color: #003A62;
	text-decoration: none;
	font-weight: bold;
	background: url(../_img/left-navig-grey-dblue.gif) no-repeat;
}
ul#defaultNav li a:hover {
	color: #fff;
	background: url(../_img/left-navig-grey-dblue.gif) -207px 0 no-repeat;
}
ul#defaultNav li a.on, ul#defaultNav li a.on:visited {
	color: #fff;
	background: url(../_img/left-navig-grey-dblue.gif) -207px 0 no-repeat;
}
/**
 * @ Section: ARROW NAV
 */
ul#arrowNav {
	float: left;
	padding: 10px 0 0 11px;
	list-style-type: none;
}
ul#arrowNav li {
	float: left;
	margin: 0 0 5px 0;
	width: 186px;
	height: 37px;
	font-size: 110%;
}
ul#arrowNav li a, ul#arrowNav li a:visited {
	display: block;
	padding: 11px 0 0 36px;
	width: 150px;
	height: 26px;
	text-decoration: none;
}
a#a1 {
	background: url(../_img/_arrows/a1.gif) no-repeat;
	color: #929292;
}
a#a2 {
	background: url(../_img/_arrows/a2.gif) no-repeat;
	color: #929292;
}
a#a3 {
	background: url(../_img/_arrows/a3.gif) no-repeat;
	color: #929292;
}
a#a4 {
	background: url(../_img/_arrows/a4.gif) no-repeat;
	color: #929292;
}
a#a5 {
	background: url(../_img/_arrows/a5.gif) no-repeat;
	color: #929292;
}
a#a6 {
	background: url(../_img/_arrows/a6.gif) no-repeat;
	color: #929292;
}
a#a7 {
	background: url(../_img/_arrows/a7.gif) no-repeat;
	color: #929292;
}
a#a8 {
	background: url(../_img/_arrows/a8.gif) no-repeat;
	color: #929292;
}
a#a9 {
	background: url(../_img/_arrows/a9.gif) no-repeat;
	color: #929292;
}
a#a10 {
	background: url(../_img/_arrows/a10.gif) no-repeat;
	color: #929292;
}
a#a1-on {
	background: url(../_img/_arrows/a1-on.gif) no-repeat;
	color: #003B63;
}
a#a2-on {
	background: url(../_img/_arrows/a2-on.gif) no-repeat;
	color: #003B63;
}
a#a3-on {
	background: url(../_img/_arrows/a3-on.gif) no-repeat;
	color: #003B63;
}
a#a4-on {
	background: url(../_img/_arrows/a4-on.gif) no-repeat;
	color: #003B63;
}
a#a5-on {
	background: url(../_img/_arrows/a5-on.gif) no-repeat;
	color: #003B63;
}
a#a6-on {
	background: url(../_img/_arrows/a6-on.gif) no-repeat;
	color: #003B63;
}
a#a7-on {
	background: url(../_img/_arrows/a7-on.gif) no-repeat;
	color: #003B63;
}
a#a8-on {
	background: url(../_img/_arrows/a8-on.gif) no-repeat;
	color: #003B63;
}
a#a9-on {
	background: url(../_img/_arrows/a9-on.gif) no-repeat;
	color: #003B63;
}
a#a10-on {
	background: url(../_img/_arrows/a10-on.gif) no-repeat;
	color: #003B63;
}
/**
 * @ Section: BOOKING SYSTEM
 */
div#mainRight {
	float: left;
	padding: 10px;
	width: 543px;
	border-top: 12px solid #fff;
	min-height:240px;
}
div#mainRight h1 {
	color: #0098D2;
	font-size: 160%;
	font-weight: normal;
	line-height: 100%;
}
div#mainRight h2 {
	color: #0098D2;
	font-size: 150%;
	line-height: 100%;
	padding-bottom: 4px;
}
div#mainRight h3 {
	padding: 1px 0 5px 0;
	margin: 0;
	color: #0098D2;
	font-size: 110%;
	line-height: 125%;
}
div#mainRight h4 {
	color: #00A7DA;
	font-size: 110%;
	line-height: 100%;
	padding-bottom: 15px;
}
div#mainRight h5 {
	color: #4B4B4B;
	font-size: 110%;
	line-height: 100%;
}
div#mainRight h6 {
	color: #4B4B4B;
	font-size: 110%;
	line-height: 100%;
}
div#mainRight p {
	margin: 0 0 8px 0;
	color: #4C4C4A;
	font-size: 110%;
	line-height: 140%;
}
div#mainRight input.textBox {
	padding: 0 2px 0 2px;
	width: 254px;
	height: 17px;
	background: #EFF0F2;
	border: 1px solid #4C4C4E;
	font-size: 110%;
	color: #4C4C4A;
}

div#mainRight textarea.textArea {
	padding: 2px;
	width: 254px;
	height: 100px;
	background: #EFF0F2;
	border: 1px solid #4C4C4E;
	font-size: 110%;
	font-family: arial;
	color: #4C4C4A;
}
div#mainRight button, div#mainRight input.button {
	padding: 3px;
	font-size: 110%;
	font-weight: bold;
	border: 1px solid #4C4C4E;
	background: #EFF0F2;
	color: #4C4C4A;
	cursor: pointer;
}
div#mainRight button.blue, div#mainRight input.blueButton {
	padding: 3px;
	font-size: 110%;
	font-weight: bold;
	cursor: pointer;
	background: #0098D4;
	border: 1px solid #fff;
	color: #fff;
}
div#mainRight table {
	width: 100%;
}
div#mainRight th {
	padding: 0 6px 0 6px;
	background: #0098D4;
	height: 29px;
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #fff;
	font-size: 110%;
}
div#mainRight th.right {
	text-align: right;
}
div#mainRight td {
	padding: 0 6px 0 6px;
	background: #E2E2E2;
	height: 29px;
	color: #4D4D4D;
	border-bottom: 1px solid #fff;
	font-size: 110%;
}
div#mainRight td.right {
	text-align: right;
}
/**
 * @ Section: FOOT
 */
div#foot {
	clear: both;
	width: 800px;
	height: 188px;
	overflow: hidden;
	background: url(../_img/foot.gif) no-repeat;
	border-top: 12px solid #fff;
}
div#logos {
	float: left;
	margin: 0 0 8px 0;
	padding: 20px 20px 0 0;
	width: 780px;
	height: 53px;
	overflow: hidden;
	text-align: right;
}
div#logos img {
	float: right;
	margin: 0 0 0 10px;
}
div#base {
	float: left;
	padding: 22px 0 0 154px;
	width: 646px;
	height: 87px;
	overflow: hidden;
	background: url(../_img/logo-small.gif) 20px 19px no-repeat;
}
div#base p {
	color: #fff;
	line-height: 150%;
	font-size: 100%;
}

label {
	clear:both;
}
.warning {
	background-color: #FFFF99;
	font-family: Verdana, tahoma, serif;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
