/*STYLE RESET*/
body,ul,ol,h1,h2,h3,h4,h5,h6,form,li,p,img {
	margin:0;
	padding:0;
	border:0;
}

/*----------------------------------------
   BODY
----------------------------------------*/

html {  }

body {
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #000;
	background: #96845e;
	position: relative;
}
	
/*----------------------------------------
   FONTS > STANDARD
----------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	color: #000;
}
	
h1 { font-size: 22px; color: #fff; }
h1 span { font-size: 18px; }
h2 { font-size: 21px; color: #333; margin: 0 0 10px 0;}
h3 { font-size: 17px; color: #333; margin: 0 0 10px 0; }
h4 { font-size: 14px; color: #333; line-height: 16px; }
h5 { font-size: 21px; color: #fff; line-height: 21px; margin: 0 0 10px 0; }
h6 { font-size: 13px; color: #fff; line-height: 18px; margin: 0 0 18px 0; }

p { font-size: 12px; line-height: 18px; color: #000; margin: 0 0 14px 0;  }

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

a { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; text-decoration: underline; }
	
/*----------------------------------------
   CONTAINERS > WRAPPER
----------------------------------------*/

#wrapper01 { margin: 0 auto; background: #b5a37e; }
#wrapper02 { width: 980px; padding: 0 10px; margin: 0 auto; background: url(../images/bg-wrapper.png) repeat-y; }

/*----------------------------------------
   CONTAINERS > HEADER
----------------------------------------*/

#header { 
	height: 123px; width: 1000px;
	margin: 0 auto; padding: 10px 0 0 0;
	background: #b5a37e url(../images/bg-header.png) no-repeat bottom; 
	position: relative; 
}
#header .logo { position: absolute; top: 37px; left: 28px; }
#header .hotline { position: absolute; top: 35px; right: 26px; }

/*----------------------------------------
   CONTAINERS > MENU
----------------------------------------*/

#menu { 
	height: 38px; 
	padding: 0 0 0 380px; 
	background: url(../images/bg-menu.png) no-repeat center top; 
	position: relative;
	z-index: 99;
}
#menu p { display: inline; font-size: 16px; margin: 0 10px; }
#menu p a { color: #fff; text-decoration: none; font-weight: bold; }
#menu p a:hover { color: #f4c839; }

/*----------------------------------------
   CONTAINERS > SPLASH
----------------------------------------*/

#splash { height: 249px; }

/*----------------------------------------
   CONTAINERS > TITLES
----------------------------------------*/

.title-green { 
	height: 40px; 
	padding: 30px 0 0 30px; 
	background: url(../images/bg-title-green.png) repeat-x; 
	position: relative;
}
.title-yellow { 
	height: 40px; 
	padding: 30px 0 0 30px; 
	background: url(../images/bg-title-yellow.png) repeat-x; 
	position: relative;
}
.title-blue { 
	height: 40px; 
	padding: 30px 0 0 30px; 
	background: url(../images/bg-title-blue.png) repeat-x; 
	position: relative;
}
.title-red { 
	height: 40px; 
	padding: 30px 0 0 30px; 
	background: url(../images/bg-title-red.png) repeat-x; 
	position: relative;
}

/*----------------------------------------
   CONTAINERS > MAIN
----------------------------------------*/

#main { padding: 20px 0 20px 20px; position: relative; }
#main .textbox { padding: 68px 0 0 20px; width: 360px; }
#main .textbox img { margin: 0 0 30px 0; }

#main a .index-btn { width: 305px; height: 250px; margin: 0 14px 10px 0; cursor: pointer; float: left; background-position: top; text-decoration: none; }
#main a:hover .index-btn { background-position: bottom; text-decoration: none; }
#main a .index-btn p { padding: 55px 23px 0 23px; line-height: 14px; text-decoration: none; }
#main a .index-btn img { display: block; text-decoration: none; }

#main .location { background: url(../images/btn-bg-location.png); }
#main .caravans { background: url(../images/btn-bg-caravans.png); }
#main .special { background: url(../images/btn-bg-special.png); }

#main a .index-btn2 { width: 305px; height: 160px; margin: 0 14px 0 0; cursor: pointer; float: left; background-position: top; text-decoration: none; }
#main a:hover .index-btn2 { background-position: bottom; text-decoration: none; }

#main .outabout { background: url(../images/btn-bg-outabout.png); }
#main .goa { background: url(../images/btn-bg-goa.png); }
#main .forsale { background: url(../images/btn-bg-forsale.png); }

/*----------------------------------------
   CONTAINERS > MAIN > PAGES
----------------------------------------*/

#main02 { padding: 20px 0 20px 20px; position: relative;  }

.main-block { border: 1px solid #9a9875; width: 617px; float: left; margin: 0 14px 14px 0; }
.main-block02  { width: 579px; padding: 12px; border: 7px solid #eae9c6; }
.main-block02 p { color: #333; }
.main-block02  a { color: blue; text-decoration: none; }
.main-block02  a :hover { color: blue; text-decoration: underline; }

.main-block-admin { border: 1px solid #9a9875; width: 687px; float: left; margin: 0 14px 14px 0; }
.main-block02-admin  { width: 649px; padding: 12px; border: 7px solid #eae9c6; }
.main-block02-admin p { color: #333; }
.main-block02-admin  a { color: blue; text-decoration: none; }
.main-block02-admin  a :hover { color: blue; text-decoration: underline; }


.sidebar { border: 1px solid #9a9875; width: 303px; float: left; margin: 0 14px 14px 0; }
.sidebar02 { width: 253px; padding: 18px 18px 5px 18px; border: 7px solid #eae9c6; }

.sidebar-admin { border: 1px solid #9a9875; width: 223px; float: left; margin: 0 14px 14px 0; }
.sidebar02-admin { width: 173px; padding: 18px 18px 5px 18px; border: 7px solid #eae9c6; }

.rates-intro { background: #215723 url(../images/img-intro-rates.jpg) no-repeat bottom; padding: 18px 18px 216px 18px; }
.amenities-intro { background: #295790 url(../images/img-intro-amenities.jpg) no-repeat bottom; padding: 18px 18px 216px 18px;}
.directions-intro { background: #c19026 url(../images/img-intro-directions.jpg) no-repeat bottom; padding: 18px 18px 216px 18px;}
.outabout-intro { background: #a13327 url(../images/img-intro-outabout.jpg) no-repeat bottom; padding: 18px 18px 216px 18px;}
.company-intro { background: #a13327 url(../images/img-intro-sales.jpg) no-repeat bottom; padding: 18px 18px 216px 18px;}
.myaccount-intro { background: #295790;}
.myaccount-intro-no { background: #295790 url(../images/img-intro-special.png) repeat-x 0px 170px; }
.myaccount-intro-no .label { margin: 0 0 5px 0; float: left; width: 70px; font-size: 14px; color: #FFF; }
.myaccount-intro-no input { width: 170px; height: 16px; padding: 2px; float: left; border: 0; }
.myaccount-intro-no .form-button { 
	width: 81px; height: 27px;
	background: url(../images/btn-bg-login.png) no-repeat;
	font-weight: bold;
	float: right;
}
.myaccount-intro-no a { text-decoration: none; }

.myaccount-links {
	margin-left: 30px;
	color: #FFF;
}

.myaccount-links li {
	margin-left: 30px;
	color: #FFF;
	text-decoration: none;
}

.myaccount-links a {
	text-decoration: none;
	color: #FFF;
}

.myaccount-links a:hover {
	text-decoration: underline;
	color: #FFF;
}

.sales-intro { background: #fff url(../images/img-intro-sales.jpg) no-repeat bottom; padding: 18px 18px 216px 18px;}
.sales-intro p { color: #333; }
.sales-intro .label { margin: 0 0 5px 0; font-size: 14px; font-weight: bold; }
.sales-intro .form-button { 
	width: 81px; height: 29px;
	background: url(../images/btn-bg-search.png) no-repeat;
	border: 0px;
	cursor: pointer;
	float: right;
}

.saleprice {
	font-size: 16px;
	color: #C00;
}

.special-intro { background: #215723 url(../images/img-intro-special.png) repeat-x 0px 170px; }
.special-intro .label { margin: 0 0 5px 0; float: left; width: 70px; font-size: 14px; }
.special-intro input { width: 170px; height: 16px; padding: 2px; float: left; border: 0; }
.special-intro .form-button { 
	width: 81px; height: 27px;
	background: url(../images/btn-bg-login.png) no-repeat;
	font-weight: bold;
	float: right;
}
.special-intro a { text-decoration: underline; }

.inter-main-block { margin: 10px 0 0 0; padding: 8px; background: #eeecc7; }
.inter-main-block-error { margin: 10px 0 0 0; padding: 8px; background: #CC0000; color: white; }
.inter-main-block .save { float: right; }
.inter-main-block .pic { float: right; }
.inter-main-block .picsold{ float: right; margin-top: 120px; }
.inter-main-block .pic  a { color: blue; text-decoration: none; }
.inter-main-block  a { color: blue; text-decoration: none; }

.inter-main-block .leftbit { float: left; width: 313px; }
.inter-main-block .rightbit { float: left; width: 250px; text-align: right; }

.col-left { float: left; width: 280px; }
.col-right { float: right; width: 280px; }
.col-left a, .col-right a { color: #a13327; }
.col-left a:hover, .col-right a:hover { color: #000; }

.col-left .label, .col-right .label { margin: 0 0 5px 0; float: left; width: 70px; font-size: 14px; }
.col-left input, .col-right input { width: 200px; height: 16px; padding: 2px; float: left; border: 0; }
.col-left textarea, .col-right textarea  { width: 200px; height: 200px; padding: 2px; float: left; border: 0; }
.col-left .form-button, .col-right .form-button { 
	width: 81px; height: 27px;
	background: url(../images/btn-bg-login.png) no-repeat;
	font-weight: bold;
	float: right;
}

.map-btn { margin: 0 10px 10px 0; }

.col-left .contact-yellow, .col-right .contact-yellow { padding: 6px 10px; background: #c19026; }
.col-left .contact-yellow p, .col-right .contact-yellow p { color: #fff; line-height: 14px; margin: 0 0 5px 0; }
.col-left .contact-yellow h3, .col-right .contact-yellow h3 { color: #fff; margin: 0 0 5px 0; }
.col-left .contact-yellow img, .col-right .contact-yellow img { float: right; margin: 0 5px 0 0; }

.enquiretext {
	border: 1px solid #666;
	width: 200px;
	padding: 4px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
}

.enquiretextperson {
	border: 1px solid #666;
	width: 40px;
	padding: 4px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
}

.enquiretextpercent {
	border: 1px solid #666;
	width: 40px;
	padding: 4px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
}

.enquirebox {
	border: 1px solid #666;
	width: 400px;
	padding: 4px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
}

.arrivaldate {
	border: 1px solid #666;
	width: 80px;
	padding: 2px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
}
.enquiretextage {
	border: 1px solid #666;
	width: 50px;
	padding: 4px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
}

.thumb {
	float: left;
	padding: 3px;
	border: 1px solid #96845e;
	background-color: white;
	margin: 3px;
	width: 125px;
	height: 94px;
	background-repeat: no-repeat;
	background-position: center center;
}

.thumb-admin {
	width: 146px;
	height: 94px;
	background-repeat: no-repeat;
	background-position: center center;
}

.info {
	background-color: #FFC;
	color: #000;
	border: 1px solid #F93;
	padding: 5px;
}

.myaccount-booking-id {
	width: 30px;
	float: left;
	text-align: center;
}
.myaccount-booking-date {
	width: 70px;
	float: left;
	text-align: center;
}
.myaccount-booking-name {
	width: 110px;
	float: left;
	text-align: center;
}
.myaccount-booking-start {
	width: 70px;
	float: left;
	text-align: center;
}
.myaccount-booking-end {
	width: 70px;
	float: left;
	text-align: center;
}
.myaccount-booking-price {
	width: 60px;
	float: left;
	text-align: center;
}
.myaccount-booking-balance {
	width: 60px;
	float: left;
	text-align: center;
}
.myaccount-booking-complete {
	width: 60px;
	float: left;
	text-align: center;
}

.admin-contact-id {
	width: 30px;
	float: left;
	text-align: center;
}

.admin-contact-date {
	width: 160px;
	float: left;
	text-align: center;
}

.admin-contact-name {
	width: 200px;
	float: left;
	text-align: center;
}

.admin-contact-caravan {
	width: 140px;
	float: left;
	text-align: center;
}

.admin-contact-telno {
	width: 100px;
	float: left;
	text-align: center;
}

.admin-contact-view {
	width: 50px;
	float: left;
	text-align: center;
}

.admin-contact-close {
	width: 50px;
	float: left;
	text-align: center;
}

.admin-user-id {
	width: 30px;
	float: left;
	text-align: center;
}

.admin-user-name {
	width: 180px;
	float: left;
	text-align: center;
}

.admin-user-email {
	width: 150px;
	float: left;
	text-align: center;
}

.admin-user-telno {
	width: 80px;
	float: left;
	text-align: center;
}

.admin-user-dob {
	width: 120px;
	float: left;
	text-align: center;
}

.admin-user-bookings {
	width: 50px;
	float: left;
	text-align: center;
}

.admin-user-points {
	width: 50px;
	float: left;
	text-align: center;
}

.admin-user-view {
	width: 60px;
	float: left;
	text-align: center;
}

.admin-user-delete {
	width: 60px;
	float: left;
	text-align: center;
}

.swiff-uploader-box a {
	display: none !important;
}

#demo-status {
	padding: 10px 15px;
	width: 420px;
	border: 1px solid #eee;
}
 
#demo-status .progress {
	background: url(../images/admin/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}
 
#demo-status .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}
 
#demo-list {
	list-style: none;
	width: 450px;
	margin: 0;
}
 
#demo-list li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid #fbc2c4;
	background: #fbe3e4 url(../images/admin/failed.png) no-repeat 4px 4px;
}
 
#demo-list li.file {
	border-bottom: 1px solid #eee;
	background: url(../images/admin/file.png) no-repeat 4px 4px;
	overflow: auto;
}
#demo-list li.file.file-uploading {
	background-image: url(../images/admin/uploading.png);
	background-color: #D9DDE9;
}
#demo-list li.file.file-success {
	background-image: url(../images/admin/success.png);
}
#demo-list li.file.file-failed {
	background-image: url(../images/admin/failed.png);
}
 
#demo-list li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}
#demo-list li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}
#demo-list li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
	clear
}
#demo-list li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}



/*----------------------------------------
   CONTAINERS > FOOTER
----------------------------------------*/

#footer { 
	height: 42px; width: 970px; 
	padding: 13px 0 0 30px;
	margin: 0 auto 40px auto;
	background: url(../images/bg-footer.png) no-repeat; 
	color: yellow;
}
#footer p { font-size: 15px; line-height: 18px; padding: 0; margin: 0; float: left; color: #FFF; }
#footer input { 
	margin: 0 0 0 10px; float: left; 
	padding: 2px 0 0 4px;
	width: 140px; height: 18px; 
	border: 0;
	font-size: 12px;
	color: #999;
}
#footer .form-button { 
	width: 60px; height: 24px;
	background: url(../images/btn-bg-send.png) no-repeat;
	font-weight: bold;
}
#footer span { float: right; }