* { margin: 0; padding: 0; }
html,body { height: 100%; }

body {
	font: 13px/1.5 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	color: #fff; background: #06C; text-align: center; margin: 0; padding: 0;
} body.simple { background: #FFF; color: #004387; }

a { color: #fff; text-decoration: underline; }
a:focus, a:active { outline: none; }

p { margin: .2em auto .6em; }
strong { font-weight: 800; }
img { border: 0; }
h1,h2,h3,h4,h5,h6 {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold; line-height: 1.5;
	margin: .5em 0 .2em; color: #7CAC1B;
}
h1 { font-size: 28px; }
h2 { font-size: 23px; }
h3 { font-size: 22px; margin: .5em 0 .2em; }
h4 { font-size: 16px; margin: .8em 0 .35em; text-shadow: 0 0 0 #fff; }
h5 { font-size: 14px; color: #06C; margin: 0 0 .4em; text-shadow: 0 0 0 #fff; }
h6 { font-size: 13px; color: #6C645B; }
dt {
	font: 800 14px/1.7 'Helvetica Neue', Arial, Helvetica, sans-serif;
	margin: .6em 0 .4em; color: #06C;
}
ul { list-style: none; margin: 0 0 1em; }
ul li { padding: 0 0 0 15px; margin: 0 0 .5em 2px; background: url(../img/activity-dot.jpg) no-repeat 0 .5em; }
ol { margin: 1em 0 2em 2.5em; }
ol li { margin: 0 0 .5em 0; }
blockquote {
	padding: .3em 2em; margin: .7em 0 1em;
	border-left: .4em solid #eee;
}
blockquote p { margin:0; line-height: 1.7; color: #666; }
img { border: 0; }
pre { text-align: left; margin: 1em; }
abbr { font-style: italic; text-decoration: none; border: 0; cursor: help; }
fieldset { border: 0; }
textarea { overflow: auto; font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; }
fieldset.big { margin: 1em 0; font-size: 16px; }
fieldset.big input { font-size: 16px; }


table { border-collapse: collapse; margin: 1em 0; padding: 5px 5px 5px 0; }
form table { border-collapse: collapse; margin: 1em 0; padding: 5px; }
form table th { vertical-align: top; text-align: left; font-weight: bold; color: #06C; }
form table td { padding: 5px; vertical-align: top; }
form table tr.section td { padding-top: 30px; }
form table tr.section_end td,
form table tr.section_end td.input { padding-bottom: 30px; }
form table td.label { font: 800 16px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #06C; text-align: right; }
form table td.input input, 
form table td.input textarea { padding: 2px 0; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F3F7FF url(../img/input-bg.gif) 0 0 repeat-x; font-size: 16px; width: 200px; }
form table td input:focus { background-color: #fff; }
form table td.submit { padding: 20px 5px; }
form table td.submit input { padding: 2px 8px; margin: 0 1em 0 0; }
form table td .form_error_message { padding: .5em 0 0; line-height: 1; }
form table td .form_error_message ul { margin: 0; }
form table td .form_error_message ul li { margin: 0; padding: 0; background: transparent; }
form table td p.note { font-size: 11px; color: #999; margin: .3em 0 0; }

form table td.submit a.cancel { background: url(../img/cancel.gif) no-repeat 0px 1px; padding: 0 0 0 17px; font-size: 12px; }
form table td.submit a.cancel:active { background-position: 0 -39px; }

form div.radios label { margin: 0 1em 0 0; font: 800 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #06C; }
form div.radios label input { margin: 0 .5em 0 0; display: inline; }

form.basic label { width: 130px; float: left; text-align: right; margin: 0 .5em 0 0; }
form.basic div { margin: 0 0 .5em; }
form.basic textarea { overflow: auto; }


form p.textarea-funcs { display: block; margin: 0; }
form a.textarea-more { font-size: 11px; background: url(../img/arrow_fat_down.gif) no-repeat 0px 4px; padding: 0 0 0 13px; }


/* LAYOUT */

#container { min-width: 840px; margin: 0; background: #fff; color: #004387; }
#container a, body.simple a { color: #06C; }
#container a:hover, body.simple a:hover { color: #F60; text-decoration: none; }

#adminheader { background: #003380; }
p#quicklogout { width: 820px; text-align: right; margin: 0 auto; font-size: 11px; padding: 4px 10px 5px; }

#top { width: 820px; padding: 5px 10px; margin: 0 auto; text-align: left; overflow: hidden; }
#top h1 { color: #fff; font-size: 14px; line-height: 1.5; font-weight: 400; float: left; margin: 0; }
#top #ref_search { float: right; font-size: 11px; }
#top #ref_search fieldset { margin: 0; padding: 0; border: 0; float: right; }
#top #ref_search input { margin: 0 0 0 1px; height: 16px; }
#top #ref_search input.submit { line-height: normal; height: 21px;}


#header { margin: 0 auto; padding: 15px 0 0; width: 820px; text-align: left; overflow: hidden; }
#header h2 { float:left; height:95px; width:200px; margin:0; position:relative; line-height:1; overflow: hidden; }
#header h2 b { position: absolute; height: 95px; width: 200px; background: #fff url(../img/logo.gif) no-repeat; }
#header ul { float: left; width: 552px; margin: 11px 0 0 65px; }
#header li { list-style: none; float: left; margin: 0 2px 2px 0; padding: 0; background: transparent; }
#header li a { 
	display: block; width: 182px; height: 2.5em;
	font: 700 16px/1.2 'Helvetica Neue', arial, helvetica, sans-serif; text-shadow: 0 0 0 #fff;
	color: #3367CC; text-decoration: none;
}
#header li a small {
	font: 400 11px 'Lucida Grande', verdana, helvetica, sans-serif; 
	text-decoration: none; display: block;
}
#header li a:hover { color: #F90; background: #fff; }
#header li a:hover small { color: #F60; background: #fff; }

/* SIMPLE PAGE HEADER */
.simple #header { padding: 0; margin: 0 auto 10px; position: relative; width: 795px; height: 120px; text-align: left; overflow: hidden; background: url(../img/dotted-green.png) repeat-x left bottom; }
.simple #header h1 { width: 190px; height: 95px; float: right; background: url(../img/logo.gif) no-repeat; }
.simple #header h1 a { width: 190px; height: 95px; display: block; text-indent: -9999px; }
.simple #header h2 { height: auto; width: auto; position: absolute; bottom: 15px; font-size: 28px; line-height: 32px; }

#main { width: 820px; position: relative; margin: 0 auto; text-align: left; }
.simple #main { width: 795px; background: url(../img/dotted-green.png) repeat-x left bottom; overflow: hidden;  }
#main h4#sub-title { font-size: 15px; color: #06C; margin: 0 0 1.2em; letter-spacing: 0; }

#flashMessage { background: #ffc; border: 2px solid #ff6; width: 800px; margin: 1em auto; padding: 10px; display: block; color: #06c; font-size: 18px; }

#main .row { overflow: hidden; margin: 0 0 1em; clear: both; }
#main .leftcol { width: 530px; float: left; }
#main .rightcol { width: 260px; float: left; margin-left: 30px; } 
#main #threecol .row, 
#main #threecol2 .row { width: 820px; overflow: hidden; margin: 0 0 2em; }
#main #threecol .leftcol, 
#main #threecol2 .leftcol { width: 260px; float: left; margin-right: 10px; }
#main #threecol .centercol, 
#main #threecol2 .centercol { width: 260px; float: left; margin: 0 10px 0; }
#main #threecol .rightcol, 
#main #threecol2 .rightcol { width: 260px; float: left; margin-left: 10px; }
#main .form-row { width: 820px; overflow: hidden; margin: 0 0 2em; }
#main .form-leftcol { width: 320px; float: left; }
#main .form-rightcol { width: 420px; float: left; margin-left: 50px; }

#footer { width: 100%; text-align: center; padding: 1px 0 0; }
#footer-nav { margin: 3em 0 1em; font-size: 9px; }
#footer-nav a { margin: 0 .5em; font-size: 11px; }
#footer p#copyright { width: 820px; text-align: center; margin: 3em auto 0;	padding: 5px 0 5px; font-size: 9px; color: #fff; }
.simple #footer p#copyright { color: #ccc; }
.simple #footer p#copyright a { color: #ccc; }


/* GENERAL CLASSES */

.clear { clear: both; display: block; }
.clear hr { display: none; }
.form_error_message { color: red; }
.hidden { display: none; }
p.small { font-size: 12px; line-height: 1.3; }
p.prompt { font-size: 90%; text-align: left; border-bottom: 1px solid #DDEBBF; }
p.large { font-size: 16px; }

#main h4.title { font-size: 16px; background: url(../img/dotted-green.png) repeat-x left bottom; margin: .5em 0 .3em; line-height: 1.6; padding: 0 0 .2em; }
#main h4.dotted { background: url(../img/dotted-green.png) repeat-x top left; padding: 1.5em 0 0; margin: 1em 0 0;  }

span.rss { font-size: 12px; color: #999; padding: 0 0 4px 20px; background: url(../img/subscribe.png) no-repeat 0px 0px; margin: 0 0 0 20px; position: relative; top: -2px; }
span.rss a { font-size: 12px; color: #F60; }
p.price { font-size: 14px; font-weight: 800; text-align: left; color: #6599DC;}
p.price strong { color: #F60;}
p.introduction { margin: 0 0 2em 0; }
p.note { font-size: 11px; color: #999; font-weight: normal; }
p.more { margin: 1em 0 1.5em 0;}
p.more a { font-size: 90%; text-align: left; color: #fff; background: #7CAC1B ; padding: .2em 3em .2em .5em; text-decoration:  none; }
#container a.more { font-size: 12px; color: #fff; background: #7CAC1B; padding: .2em 3em .2em .5em; text-decoration: none; }
#container a:hover.more { color: #FFF; background: #F90; padding: .2em 3em .2em .5em; text-decoration: none; }

p.noflash { font-size: 13px; text-align: left; color: #C00; }

dd.hint p {
	font: 500 12px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #7CAC1B; font-style: italic; margin: 3px 0 0 0;
}
.highlight { background: #FF0; color: #F30; }

.tip { margin: 2em 0; font-size: 90%; }

ul.tabs { list-style: none; margin: 2.5em 0 2em; display: block; width: 100%; overflow: hidden; }
ul.tabs.bottom { margin-bottom: 3em; }
ul.tabs li { list-style: none; float: left; margin: 0 .5em 0 0; padding: 0 0 20px; background: transparent; }
ul.tabs li a { padding: 5px 1.5em 7px .7em; border: 1px solid #ddd; float: left; margin: 0 0 0 0; text-decoration: none; font: 800 16px 'Helvetica Neue', Arial, Helvetica, sans-serif; zoom: 1; }
ul.tabs li a:hover { border-color: #ccc; }
ul.tabs li a b { float: left; color: #7CAC1B; font-size: 21px; margin: -2px .5em 0 0; }
ul.tabs li.selected { background: url(../img/tab-selected.gif) no-repeat 0% 100%; }
ul.tabs li.selected a { border-width: 2px; background: #ffc; margin-top: 0; border-bottom: 0; padding: 4px 1.5em 6px .7em; }
#container ul.tabs li.selected a:hover { border-color: #ddd; color: #06C; cursor: default; }

ul.tabs.bottom li { padding: 18px 0 0; }
ul.tabs.bottom li a { }
ul.tabs.bottom li.selected { background: url(../img/tab-selected-bottom.gif) no-repeat 0% 0%; }
ul.tabs.bottom li.selected a { margin-top: 2px; border-top: 0; border-bottom: 2px solid #ddd; }

/* HOMEPAGE RULES */

#main #flashcontent { width: 820px; margin: 20px 0 0; }

#main #flashcontent ul.ticks-left,
#main #flashcontent ul.ticks-right { list-style: none; width: 390px; margin: .4em 0 1.5em 10px; float: left; }
#main #flashcontent ul.ticks-left li,
#main #flashcontent ul.ticks-right li { background: url(../img/tick.gif) no-repeat; padding: 5px 0 0 40px; min-height: 29px; margin: 0; font-size: 14px; }

#main #flashcontent #noflash { clear: both; background: #eee url(../img/stripes.jpg); border: 1px solid #ddd; padding: 7px 10px; }


#main #latestadded { overflow: hidden; }
#main #latestadded div.property { width: 260px; float: left; margin: .2em 20px .5em 0; }
#main #latestadded div.property.last { margin-right: 0; }
#main #latestadded div.property h5 { min-height: 2em; font-size: 15px; line-height: 1.1; text-shadow: 0 0 0 #fff; }
#main #latestadded div.property h5 a { text-decoration: none; }
#main #latestadded div.property img { float: left; margin: 0 8px 5px 0; }
#main #latestadded div.property h6 { font-size: 14px; margin: 0; line-height: 1.2; margin: 0 0 3px; }
#main #latestadded div.property ul { color: #6C645B; list-style: none; margin: 0; font-size: 12px; }
#main #latestadded div.property ul li { margin: 0 0 .3em; padding: 0; line-height: 1.2; background: transparent; }
#main #latestadded div.property ul a { margin: .5em 0 5px 0; float: left; }
#main #latestadded div.property p { clear: left; line-height: 1.3; font-size: 11px; margin: 15px 0 0; }


/* = SIGNUP PAGES = */

#signup #main { width: 795px; background: url(../img/dotted-green.png) repeat-x left bottom; overflow: hidden;  }
#signup #main .leftcol { width: 370px; float: left; text-align: right; }
#signup #main .rightcol { width: 370px; float: left; margin: 0 0 0 50px; }
#signup #main .rightcol h3 { line-height: 30px; margin: 10px 0 0; }

#signup #main #register { margin: 52px 0 0; }
#signup #main .form_error_message ul { list-style: none; margin: 0 0 10px; overflow: hidden; font-size: 11px; }
#signup #main .form_error_message li { background: url(../img/warning.gif) no-repeat 0px 4px; float: right; padding: 0 0 3px 15px; }
#signup #main #register label { font-size: 12px; margin: 0 0 8px; cursor: pointer; clear: right; }
#signup #main #register fieldset br { display: none; }
#signup #main #register fieldset { border: 0; }
#signup #main #register fieldset label {
	font: 800 16px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block; color: #06C;
}
#signup #main #register fieldset input,
#signup #main form#email input#UserEmail { 
	width: 160px; padding: 2px; margin: 0 0 0 3px;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	background: #F3F7FF url(../img/input-bg.gif) 0 0 repeat-x;
}
#signup #main #register fieldset input:focus { background-color: #fff; }
#signup #main #register .submit { margin: 1em 0; }
#signup #main #register .submit input { padding: 2px 8px; }

#signup #main form#email { background: #ffc; font-size: 15px; margin: 30px 0 0; padding: 10px 15px 20px; }
#signup #main form#email input#UserEmail { font-size: 20px; width: 250px; }
#signup #main form#email .form_error_message { margin: 8px 0 0; }
#signup #main form#email .form_error_message li { float: left; }


#main p.free-account { width: 325px; height: 46px; text-indent: -9999px; margin: 1.5em 0 1em -3px; background: url(../img/signup.png) no-repeat 0 -80px; }
#main p.free-account a { width: 325px; height: 46px; display: block; text-indent: -9999px; background: url(../img/signup.png) no-repeat; }
#main p.free-account a:hover { background-position: 0 -45px; }
#main p.free-account a:active { background-position: 0 -91px; }

#intro { background: url(../img/join/join_intro.jpg) no-repeat 0px 50px; width: 820px; padding: 3px 15px 1px; margin: 20px 0 0 -15px; position: relative; }
#intro h3 { margin: 0 0 385px; }
#intro p.free-account { position: absolute; top:0; right: 0; margin: 0; }

#intro ul { margin: 0 0 20px; padding: 0 0 20px; list-style: none; overflow: hidden; background: url(../img/dotted-ccc.png) repeat-x 0% 100%; }
#intro ul li { float: left; width: 135px; margin: 0 10px 0 0; padding: 0 0 7px 60px; font-size: 11px; line-height: 14px; background: transparent; }
#intro ul li strong { display: block; font: 800 14px/19px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #06C; }
#intro ul li.edit { background: url(../img/join/edit.gif) no-repeat; }
#intro ul li.photo { background: url(../img/join/photos.gif) no-repeat; }
#intro ul li.calendar { background: url(../img/join/booking.gif) no-repeat; }
#intro ul li.enquiry { background: url(../img/join/enquiry.gif) no-repeat; margin: 0; }

#main #explaination { width: 500px; float: left; margin: 0 30px 20px 0; }
#main #testimonials { width: 250px; float: left; margin: 0 0 0 0; }
#main #testimonials h4 { margin-top: 0; }
#main #testimonials ul li { margin: 0; padding: 5px 0 10px 38px; background: url(../img/join/testimonial.gif) no-repeat; line-height: 15px; font-size: 12px; }

#questions { clear: both; background: url(../img/dotted-ccc.png) repeat-x 0% 0%; padding: 20px 0 0; margin: 0 0 20px; }
#questions h4 { margin-top: 0; }

/* = LOGIN PAGES = */

body#login #loginbox {
	width: 390px; height: 390px; margin: 10% auto 0;
	background: url(../img/loginbox.png) no-repeat;
	border: 0; text-align: left;
}
body#login #loginbox form { padding: 145px 45px 0; }
body#login #loginbox fieldset { border: 0; }

body#login #loginbox form legend { display: none; }

body#login #loginbox form label { font-size: 14px; margin: 5px 0 0; display: block; cursor: pointer; }
body#login #loginbox form input#username,
body#login #loginbox form input#password { 
	font-size: 24px; width: 300px; display: block;
	border: 1px solid #C3C3C3;
  border-top-color: #7C7C7C;
  border-bottom-color: #DDD;
	background: #F3F7FF url(../img/input-bg.gif) 0 0 repeat-x;
	padding: 4px 0;
}
body#login #loginbox form input#username:focus,
body#login #loginbox form input#password:focus {
	background-color: #fff;
}
body#login #loginbox #UserTerms { margin: 2px 2px 0 0; padding:0; }
body#login #loginbox form .submit input { float: right; font-size: 16px; padding: 4px; }

body#login p#forgot { margin: 0 0 4em; }

/* = RESOURCES PAGE = */

#column-one, #column-two { width: 215px; margin:0 20px 0 0 ; float: left; }

#column-three { width: 320px; margin:0 20px 0 0 ; float: left; }

#column-one ul li, #column-two ul li, #column-three ul li {  margin: 0 0 .4em 13px;}

#column-one p, #column-two p, #column-three p, #column-one h5, #column-two h5, #column-three h5 { margin: 0 0 .5em 3px; }

body#pages h4#flights { background: url(../img/planes-icon.png) no-repeat;}
body#pages h4#ferries { background: url(../img/ferries-icon.png) no-repeat;}
body#pages h4#trains { background: url(../img/trains-icon.png) no-repeat; }
body#pages h4#buses { background: url(../img/bus-icon.png) no-repeat; }
body#pages h4#insurance { background: url(../img/insurance-icon.png) no-repeat; }
body#pages h4#carhire { background: url(../img/carhire-icon.png) no-repeat; }
body#pages h4#currency { background: url(../img/currency-icon.png) no-repeat; }
body#pages h4#communication { background: url(../img/communication-icon.png) no-repeat; }

body#pages h4#flights, h4#ferries, h4#trains, h4#buses, h4#insurance, h4#carhire, h4#currency, h4#communication { padding: 2px 0 10px 37px; min-height: 23px; }


#affiliates { width: 800px; float: left; margin: 2em 0 2em 0; }

#column-one.affiliates { width: 340px; margin:0 80px 0 0 ; float: left; }

#column-two.affiliates { width: 340px; float: left;}

/* = BETA FOOTER = */

#beta_footer { background: #EFF5FE url(../img/lightblue-grad.jpg) repeat-x; border-top: 2px solid #91C1F0; color: #036; text-align: center; overflow: hidden; padding: 0 0 3em; }
#beta_footer div#beta_inner { width: 820px; margin: 0 auto; text-align: left; }
#beta_footer div#beta_inner h4 { color: #036; margin: 1.4em 0 .8em; }
#beta_footer div#beta_inner a { color: #036; }

#beta_footer div#beta_inner div.left { width: 370px; float: left; }
#beta_footer div#beta_inner div.left p.new { background: url(../img/new.gif) no-repeat; padding: 0 0 0 75px; min-height: 64px; margin-left: -20px; }

#beta_footer div#beta_inner div.right { width: 415px; float: left; margin: 0 0 0 35px; }
#beta_footer div#beta_inner div.right p.saved { background: url(../img/tick-lightblue.gif) no-repeat; padding-left: 45px; min-height: 35px; line-height: 33px; }
#beta_footer div#beta_inner form fieldset label { font-size: 12px; }
#beta_footer div#beta_inner form fieldset label span { font-size: 10px; color: #666; }
#beta_footer div#beta_inner form fieldset p { width: 130px; margin: 0 5px 5px 0; float: left; }
#beta_footer div#beta_inner form fieldset p input, 
#beta_footer div#beta_inner form fieldset textarea { padding: 2px 0; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F3F7FF url(../img/input-bg.gif) 0 0 repeat-x; font-size: 14px; }
#beta_footer div#beta_inner form fieldset p input { width: 130px; }
#beta_footer div#beta_inner form fieldset textarea { width: 400px; height: 6em; }
#beta_footer div#beta_inner form fieldset p.textarea-funcs { display: block; width: 400px; margin: 0; }
#beta_footer div#beta_inner form fieldset p.textarea-funcs a.textarea-more { float: right; }
#beta_footer div#beta_inner form .submit { width: 300px; height: 3em; background-position: 0 0; background-repeat: no-repeat; clear: left; }
#beta_footer div#beta_inner form .submit p.submitstatus { margin: 2em 0 0; font-size: 11px; }