/* --- STYLES FOR ALL BROWSERS --- */

* {
margin: 0;
padding: 0;
}

#skipnav, #backtotop, #left{display:none}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
line-height: 1.5;
color: #333;
text-align: center;
}

form{
display:inline
}

fieldset{
border:0 solid #fff
}

img {
border: 0;
}

a {
color: #707637;
text-decoration: none;
border-bottom: 1px solid #707637;
}

a:hover {
color: #a6b524;
border-bottom: 1px solid #a6b524;
}

h1 a, h2 a, h3 a, h4 a {
padding-bottom: 1px;
}

a.image-link {
border: 0 !important;
}

a.image-link img {
border: 1px solid #ddd;
padding: 3px;
}

a.image-link:hover img {
border: 1px solid #a6b524;
}

/*
#home #container, #accommodation #container, #activities #container, #location #container, #prices #container, #contact #container
*/
#page{
width: 780px;
text-align: left;
margin: 0 auto;
background: url("/resources/sites/eversfield/styles/home-container-bg.gif") repeat-y;
}

.title-block {
width: 760px;
height: 126px;
margin: 0 10px;
background: #a6b524;
border-bottom: 2px solid #a6b524;
border-top: 2px solid #a6b524;
}

.title-block a {
border: 0;
}


/* --- Navigation --- */

/* uses IE6 flicker-free image hover fix - http://www.fivesevensix.com/studies/ie6flicker/ */

.main-menu {
width: 760px;
height: 49px;
margin: 0 10px;
list-style: none;
}

.main-menu ul {
list-style: none;
}

.main-menu li {
float: left;
height: 49px;
border-left: 1px solid #ccc;
}

.main-menu li a {
display: block;
padding-top: 49px;
height: 0px !important;
height /**/: 49px;
overflow: hidden;
border-bottom: 0;
}

.main-menu li.first a {
border-left: 0;
}

.main-menu span {
position: absolute;
width: 0;
overflow: hidden;
}

/* --- Navigation links --- */

.main-menu li.home-link { width: 51px; background: url("/resources/sites/eversfield/styles/home.gif")}
.main-menu li.accommodation-and-facilities-link { width: 209px; background: url("/resources/sites/eversfield/styles/accommodation.gif")}
.main-menu li.activities-link { width: 72px; background: url("/resources/sites/eversfield/styles/activities.gif")}
.main-menu li.how-to-get-here-link { width: 121px; background: url("/resources/sites/eversfield/styles/location.gif")}
.main-menu li.prices-and-booking-link { width: 130px; background: url("/resources/sites/eversfield/styles/prices.gif")}
.main-menu li.contact-us-link { width: 88px; background: url("/resources/sites/eversfield/styles/contact.gif")}
.main-menu li.weddings-link { width: 72px; background: url("/resources/sites/eversfield/styles/weddings.gif")}

.main-menu li.home-link a { background: url("/resources/sites/eversfield/styles/home.gif")}
.main-menu li.accommodation-and-facilities-link a { background: url("/resources/sites/eversfield/styles/accommodation.gif")}
.main-menu li.activities-link a { background: url("/resources/sites/eversfield/styles/activities.gif")}
.main-menu li.how-to-get-here-link a { background: url("/resources/sites/eversfield/styles/location.gif")}
.main-menu li.prices-and-booking-link a { background: url("/resources/sites/eversfield/styles/prices.gif")}
.main-menu li.contact-us-link a { background: url("/resources/sites/eversfield/styles/contact.gif")}
.main-menu li.weddings-link a { background: url("/resources/sites/eversfield/styles/weddings.gif")}


/* --- Navigation 'hover' and 'on' states --- */

.main-menu li.home-link a:hover,
.main-menu li.accommodation-and-facilities-link a:hover,
.main-menu li.activities-link a:hover,
.main-menu li.how-to-get-here-link a:hover,
.main-menu li.prices-and-booking-link a:hover,
.main-menu li.contact-us-link a:hover,
.main-menu li.weddings-link a:hover,
.main-menu li.selected a
{background-position: 0 49px;}



/* --- Left Column --- */

#center {
width: 460px;
float: left;
margin: 18px 27px 0 31px;
display: inline; /* fix for IE Doubled Float-Margin Bug */
}

#center h2 {
font-size: 1.2em;
font-weight: bold;
color: #383b1b;
margin-bottom: 0.7em;
}

#center h3 {
font-size: 1.1em;
color: #383b1b;
margin-bottom: 0.3em;
}

#center h4 {
font-size: 1em;
color: #383b1b;
}

.ie #center h4 {
margin-bottom: 0.7em;
}

#center p {
font-size: 0.9em;
margin-bottom: 0.9em;
}

#center p.intro-para {
font-size: 1em;
margin-bottom: 0.9em;
color: #383b1b;
font-weight: bold;
}

#center p.phone {
font-size: 1.3em;
}

#center p a {
text-decoration: underline;
border-bottom: 0;
}

#center ul, .promo-box ul {
line-height: 1.3;
list-style-type: none;
margin-bottom: 1em;
}

#center ul li, .promo-box ul li {
font-size: 0.9em;
margin: 0.5em 0;
color: #383b1b;
background: url("/resources/sites/eversfield/styles/bullet.gif") no-repeat;
padding-left: 15px;
}

#center div.feature-box {
width: 445px;
float: left;
clear: right;
background: #f6f7e9;
border-top: 1px solid #a6b524;
border-bottom: 1px solid #a6b524;
padding: 0 0 1em;
margin: 0em 0 1.5em;
}

#center div.feature-box div {
width: 220px;
float: left;
}

#center div.feature-box div h3, #center div.feature-box div h4, #center div.feature-box div ul {
/* Double columns */
width: 190px;
margin: 0 15px;
}

#center div.feature-box h3, #center div.feature-box h4, #center div.feature-box p, #center div.feature-box ul {
/* Single column */
width: 415px;
margin-left: 15px;
margin-right: 15px;
}

#center div.feature-box h3 {
font-size: 1em;
padding-top: 0.75em;
}

#center div.feature-box h4 {
font-size: 0.9em;
margin-top: 1em;
}

#center div.feature-box img {
margin: 0.5em 15px;
}

#center div.feature-link {
width: 430px;
float: left;
clear: left;
margin-top: 0.5em;
}

#center div.feature-link img {
float: left;
margin-right: 0.7em;
margin-bottom: 1em;
}

#center div.feature-link h4 {
margin: -0.5em 0 0 105px;
}

.ie #center div.feature-link h4 {
margin: -0.5em 0 0;
}

#center div.feature-link p {
font-size: 0.9em;
}

#center img.thumb {
margin: 4px 4px 0 0;
}

/* --- Right Column --- */

#right {
width: 230px;
float: left;
margin: 28px 21px 0 0;
}

.conference-box {
background: #f6f7e9;
width: 225px;
padding: 8px 0;
margin-left: 5px;
margin-bottom: 1em;
}

.conference-box h2 {
font-weight: normal;
font-size: 1.25em;
margin: 0 15px;
line-height: 1.3;
color: #383b1b;
}

.conference-box img {
margin: 5px 15px;
}

.conference-box p {
margin: 5px 15px;
font-size: 0.85em;
line-height: 1.5;
}

.enquiry-box {
background: #edf0d3;
width: 225px;
padding: 0 0 8px;
margin-left: 5px;
margin-bottom: 1em;
}

.enquiry-box h2 {
background: #a6b524;
color: white;
font-size: 1em;
padding: 1px 8px 2px;
}

.enquiry-box p {
margin: 4px 8px;
font-size: 0.9em;
}

.enquiry-box p.phone {
font-weight: bold;
font-size: 1.2em;
margin: 0 8px;
}

.enquiry-box p.hours {
font-size: 0.8em;
margin: 0 8px;
}

.enquiry-box p.enquiry-link {
margin: 10px 8px;
font-size: 1.05em;
border-top: 1px solid #a6b524;
background: url("/resources/sites/eversfield/styles/e-mail.gif") no-repeat;
padding: 6px 0 1px 23px;
}

.enquiry-box p.enquiry-link a {
margin: 8px 0;
font-weight: bold;
}

.form label {
font-size:90%;
}

.form p {
margin-bottom:10px;
}


/* --- Page Headers --- */

h2.section-header {
font-size: 1.1em;
color: #a6b524;
font-weight: normal;
margin-bottom: 0;
}

h1, h3.page-header, h2.page-header {
font-size: 1.5em;
color: #a6b524;
margin-bottom: 0.5em;
font-weight: normal;
}


/* --- Sub-navigation --- */

.activities-menu,
.accommodation-menu {
margin: 1.5em 0 2em 8px;
}

.activities-menu ul,
.accommodation-menu ul {
font-weight: bold;
margin-top: 1em;
}

.activities-menu ul li,
.accommodation-menu ul li {
font-size: 1em;
padding-left: 10px;
background: url("/resources/sites/eversfield/styles/subnav-arrow0.gif") no-repeat;
list-style-type: none;
margin-left: 0.25em;
font-weight: normal;
margin-top: 0.5em;
}

.activities-menu ul li.selected,
.accommodation-menu ul li.selected {
background: url("/resources/sites/eversfield/styles/subnav-arrow1.gif") no-repeat;
}

.activities-menu ul li.selected a,
.accommodation-menu ul li.selected a {
color: #a6b524;
font-weight: bold;
}

.activities-menu ul ul,
.accommodation-menu ul ul {
font-weight: normal;
margin-top: 0;
}

.activities-menu ul li ul li,
.accommodation-menu ul li ul li {
font-size: 0.9em;
}


/* --- Footer --- */

#foot {
width: 720px;
margin: 40px 31px 0;
padding: 40px 0 30px;
font-size: 0.75em;
clear: left;
}

a.noUnderline {
border: 0;
}


/* --- Promo box --- */

.promo-box {
background: #f6f7e9;
width: 225px;
padding: 8px 0;
margin-left: 5px;
margin-bottom: 1em;
}

.promo-box h2 {
font-weight: normal;
font-size: 1.25em;
margin: 0 15px;
line-height: 1.3;
color: #383b1b;
}

.promo-box img {
margin: 5px 15px;
}

.promo-box p, .promo-box ul {
margin: 5px 15px;
font-size: 0.85em;
line-height: 1.5;
}


/* HTML Form Styles ------------------------------------------ */
fieldset{border:0;margin:5px 0 0;padding:0 .5em}
legend{display:none}

p.px-field{margin:0 0 5px;padding:0;width:620px}/* ;backg-round:#e0e9f1} */
form p.first{margin-top:20px}
form p.last{margin-bottom:30px}
label{position:absolute;width:145px;overflow:hidden;padding:2px 0 0 0;margin:0;display:block;line-height:1.4em;text-align:right;color:#000}
.ie6 .px-rte label{margin-left:-148px}
/*
.ie6 #login label{margin-left:0}
*/

input,textarea,select,button
{font:98% "Helvetice Neue",Helvetica,Arial,Sans-serif;margin:1px 1px 1px 151px;padding:2px 5px 0}
.ie input,.ie select,.ie textarea,.ie button{padding:1px 5px}
input,select,textarea{font-size:1.12em;line-height:1.4em;height:1.4em}
input[type="hidden"]{display:none} /* Mozilla fix: adds style to hidden form element!?!? */

input{width:296px}
p.px-date input, p.px-number input{width:120px}
p.px-date img, p.px-number img{position:absolute !important;margin:-1.9em 0 0 285px;border:1px double;border-color:#ddd #666 #666 #ddd}
p.px-date .px-cal-button, p.px-number .px-calc-button{position:absolute !important;margin:2px;border:3px double;border-color:#ddd #666 #666 #ddd;width:22px;height:22px;background:#fff url(^/adm/i/cal.gif) center center no-repeat}
p.px-number .px-calc-button{background-image:url(^/adm/i/calc.gif)}
.ie p.px-date .px-cal-button, .ie p.px-number .px-calc-button{margin:3px 0}

select{padding:1px 2px 1px 2px;width:325px}
.ie select{padding:2px 5px;line-height:1.8em;height:1.8em}

textarea{height:5em;width:296px;overflow:auto}
p.px-rte textarea{height:294px;width:446px}

p.px-file input{width:326px}
.ie p.px-file input{width:326px}

body form fieldset p.px-rdo-chk{overflow:hidden}
body form fieldset ul, body form fieldset li{margin:0;padding:0;list-style-type:none;background:transparent !important}
form fieldset ul input, p.px-rdo-chk input{width:13px;height:13px;border:0;margin:5px 0 0 151px;padding:0}
.ie6 form fieldset ul input, .ie6 p.px-rdo-chk input{margin-top:0}
span.px-rdo-chk input{margin:0 10px 0 0 !important}

body form fieldset ul label{padding:0;margin:2px 0 0 5px;width:146px;text-align:left}
p.px-rdo-chk label{padding:0;margin:2px 0 0 170px;width:296px;text-align:left}
/*.ie form fieldset ul label, .ie p.px-rdo-chk label{margin-top:0}*/
.ie6 form fieldset ul label, .ie6 p.px-rdo-chk label{margin-top:-2px}
/*
.ie form fieldset ul label{margin-left:20px}
*/
span.px-rdo-chk label{margin-left:0 !important;width:auto !important}

/*#p10{height:6em}*/
table.px-rdo-chk{border-top:20px solid #fff}
table.px-rdo-chk label{margin:0;padding:2px 0 0 5px}

.px-required label{font-weight:bold;line-height:20px}
.px-required input, .px-required textarea, .px-required select{margin:0px 0px 0px 150px;border:2px solid #000}

.px-invalid label{color:#e22}
.px-invalid input, .px-invalid textarea, .px-invalid select{color:#e22;border-color:#e22}

.px-dialog-buttons, p.btn{margin:0 .5em 5px;padding:0;width:620px}
.btn input, .btn button, .px-dialog-buttons input, input.px-upload-button, input.btn, input.qbtn, button{width:auto;display:inline;margin:10px 0 0 140px;padding:0 .4em;height:28px;text-align:center}
input.qbtn{margin:0}


