/* CSS Document */
/** GENERIC ELEMENT STYLES **/

div, p, h1, h2, h3, h4, h5, h6, ul, form, fieldset, legend, label, dl, dt, dd, input, table * {
	margin: 0; padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-size:100%;
	font-family: verdana, sans-serif;
	color: #333;
	margin: 0;
}

p, li, legend, dt, dd {
	font-size: .81em; 
	line-height: 1.3;
}

input, select, dd p, textarea {
	font-size: 1em;
}

.clear {
	clear:both;
	font-size:0;
	line-height:0;
}

a {
	color: #03c;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main ul li {
	background: url(../images/bullet.gif) 0 .4em no-repeat;
	padding-left: 16px;
	padding-bottom: 5px
}

h1 {
	color: #c69;
	font-size: 1em;
	padding-bottom: 10px;
}

h2 {
	color: #c69;
	font-size: .9em;
}

h4 {
	margin-bottom: 8px;
}

/* Layout */

body {
	background: #063267 url("../images/bg-outer-top.jpg") 50% 0 no-repeat;
}

#outer {
	width: 925px;
	margin: auto;
	background: url("../images/bg-outer.jpg") 0 0 repeat-y;
}

#masthead {
	background: url("../images/bg-outer-top.jpg") -137px 0 no-repeat;
	padding: 0 15px;
	height: 130px;
	overflow: hidden;
}

#main{
	background: url("../images/bg-outer-top.jpg") -137px -130px no-repeat;
	padding: 0 25px 0 30px;
	zoom: 1;
	overflow: hidden;
}

#sectionNav {
}


#mainContents {
	float: left;
	width: 600px;
	padding-top: 30px;
}

#mainContents.fullWidth {
	width: 100%;
}

#mainContents.fullWidth h1 {
	padding: 20px;
}


#footer {
	margin: auto;
	width: 985px;
	background:   url("../images/bg-footer.jpg") 50% 100% no-repeat;
	height: 160px;
	padding: 20px 0;
}
#footer p {
	margin-left: 80px;
}
#brand {
	width: 300px;
	float: left;	
}

#brand p{
	margin: 0px;
}

#slogan {
	width: 300px;
	float: right;	
}

#slogan p{
	margin: 0 30px 0 0;
}

/*
#nav {
	font-weight: bold;
	margin: 10px 5px 0 3px;
	height: 34px;
	overflow: hidden;
}
*/
#nav ul {
	margin: 0;
	padding: 0 0 0 28px;
	height: 34px;
	list-style: none;
}

#nav ul li {
	float:left;
	margin: 0;
	padding: 0;
	background: none;
}

#nav a {
	display: block;
    padding: 8px 15px;
	border-right: 1px solid #333;
	color: #333;
	text-decoration: none
}

#nav a:hover {
	color: orange;
}

img {
	border: 0;
}

#main li li {
	font-size: 1em;
}

#mainContents p, #mainContents ul, #mainContents ol, #mainContents h1, #mainContents h2 {
	margin: 0 10px .8em 44px;
}

#mainContents .featuresBox {
	background: url(../images/home-bg.jpg) 0 0 no-repeat; 
	padding: 10px 420px 20px 20px;
}

#mainContents .featuresBox h2 {
	margin-left: 0px;
}

#mainContents .featuresBox ul {
	margin-left: 10px;
}

.inline-images {
	width: 600px;
	margin: 20px 10px 20px 44px;
	text-align: center;
}

.inline-images figure {
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #debfcd;
	box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.52);
 	display: inline-block;
	margin: 0 0 0 18px;
}

.inline-images figure:first-child {
	margin-left: 0;
}

.fullWidth .inline-images {
	float: left;
	width: 450px;
	margin-left: 0;
}

#special-offers {
	float: left;
	width: 200px;
	margin-top: 20px;
	padding-left: 10px;
}

#mainContents #main-nav {
	float: right;
	width: 188px;
	margin-top: 20px;
	margin-left: 00px;
}

#mainContents  #main-nav ul {
	padding: 0px;
	margin: 0;
}

#section-nav {
	float: right;
	width: 188px;
	margin-top: 80px;
	margin-left: 10px;
	margin-right: 20px;
	padding-bottom: 5px;
	background: url(../images/bg-section-nav.gif) 0 100% no-repeat;
}

#section-nav ul {
	padding: 15px 5px 15px 10px;
	background: url(../images/bg-section-nav.gif) 0 0 no-repeat;
}

#section-nav ul ul {
	margin-top: 5px;
	padding: 0;
	background: none;
}

#section-nav a, #main-nav a, #footer a  {
	color: #c69;
}

table.rates-list { 
	margin-left: 40px;
	width: 600px;
	border-collapse:collapse; 
}

.rates-list td, .rates-list th { 
	border: 1px solid black; 
	border-width: 1px 0;
	font-size: .8em;
	text-align: left;
	font-weight: normal;
}

.rates-list thead th, .rates-list thead td {
	font-weight: bold;
	vertical-align: bottom;
}

.rates-list td {
	text-align: right;
}

.rates-list tbody td {
	vertical-align: top;
}

.rates-list td.date {
	text-align: left;
}

.rubric {
	font-size: .9em;
}

/* forms */


.checkbox label {
	width: 460px;
}
fieldset {
	padding: 10px 0px 5px; border: 1px solid #c69; margin-bottom: 10px;
}
fieldset dl {
	width: 550px; line-height: 1; margin-left: 44px;
}
fieldset dt  {
	display: block; width: 230px; float: left; padding-bottom: 7px; clear: both;
}
fieldset dd {
	position: relative; width: 320px; float: left; padding-bottom: 7px;
}
fieldset dt *, fieldset dd * {
	line-height: 1.5
}
fieldset dt label, fieldset dt span {
	margin-right: 10px;
}
fieldset select {
	height: 1.65em;
}
fieldset input.text {
	height: 1.5em; width: 300px; padding: 0 2px;
}
fieldset input.short {
	width: 20px;
}
fieldset input.medium.text {
	width: 150px;
}
fieldset select.number {
	width: 40px;
}
fieldset select.short {
	width: 90px;
}
fieldset select.medium {
	width: 150px;
}
fieldset select.long {
	width: 200px;
}
fieldset textarea {
	width: 300px; height: 70px; border: solid 1px #ccc; padding: 4px;
}
fieldset dd.date label {
	float: left; margin-right: 5px
}
fieldset dd.date select {
	display: block;
}
fieldset dd.date_duration label {
	margin-right: 10px;
}
fieldset dd.security-code input.text{
	width: 40px;
}
fieldset dd.sort-code input.text {
	width: 30px; margin-right: 10px;
}
fieldset .checkbox-confirm {
	margin: 0 0 0 175px; padding-bottom: 6px;
}
fieldset .checkbox-confirm label {
	display: block; text-indent: -19px; padding-left: 19px;
}
fieldset .checkbox-confirm input {
	width: 16px;
}
fieldset.checkbox-list {
	width: 300px;
}
fieldset.checkbox-list p {
	width: 33%;
	float: left
}
fieldset.checkbox-list label {
	display: block; text-indent: -19px; padding-left: 19px;
}
fieldset.checkbox-list input {
	width: 16px;
}
fieldset .btnLink {
	
}
fieldset .field-information {
	border-left: solid 6px #f90; padding-left: 4px; clear: both;
}
fieldset p {
	margin-bottom: 7px;
}
fieldset dl p {
	margin-bottom: 0; margin-left: 0 !important;
}

textarea {
	font-family: sans-serif;
}
input.text {
	border: 1px solid #ccc;
}
input.checkbox {
}
input.submit {
}
select {
	border: 1px solid #ccc;
}
.form-field-validation {
	display: block;
	font-size: .9em;
	color: #900;
}

span.helper {
	float: right; width: 230px;
}
fieldset.checkbox-list p {
	width: 49%; float: left
}
fieldset.checkbox-list label {
	display: block; text-indent: -24px; padding-left: 24px; margin-right: 5px;
}
fieldset.checkbox-list input {
	height: 15px; line-height: 1; vertical-align: middle; width: 15px; margin-right: 5px;
}
fieldset .radio-boolean label{
	padding-right: 10px;
}
fieldset .radio-boolean input{
		margin-right: 3px; vertical-align: middle; height: 1.1em;
}

.mandatory {
	color: #f00
}
.terms-and-conditions {
	padding: 0; margin: 0 0 20px 0; 
	height: 140px; border: 1px solid #c69; overflow: auto;
}

.terms-and-conditions ul {
	margin-left: 0 !important;
}

.availability-calendar {
	width: 260px;
	padding-left: 44px; 
	float: left;
}
.availability-list {
	width: 280px; float: right;
}

.availability-list table {
	width: 100%
	
}
.availability-list * {
	margin-left: 0 !important;
}