body {margin: 0; padding: 0; background: #b2cac0 url('http://www.combermereabbey.co.uk/media/layout/bg-body.jpg') repeat-x; font-size: 12px; color: #666;}
* {font-family: "Trebuchet MS", Tahoma, Arial, Serif;}

a {color: #365348; text-decoration: none;}
a:hover {text-decoration: underline;}
a span {display: none;}

.content p a {color: #365348; text-decoration: underline;}


h1 {text-transform: uppercase;font-family: "Georgia", Tahoma, Arial, Serif;color: #365348}
h2,
h3,
h4,
h5 {font-family: "Georgia", Tahoma, Arial, Serif;color: #365348; font-weight: normal;}

.quatrefoil {background: url('http://www.combermereabbey.co.uk/media/layout/quatrefoil-bullet.gif') no-repeat; padding-left: 20px}
.logos-cottage {padding-top: 10px;}

.container {margin: 0 auto; width: 920px; background: #fff;}

.header {position: relative; background: url('http://www.combermereabbey.co.uk/media/layout/bg-header.png') no-repeat;width: 920px; height: 120px; margin-top: 10px;}
.header .logo {position: absolute; top: 20px; left: 374px;}
.header .logo a {display: block; width: 180px; height: 90px;}
.block-bookonline {position: absolute; top: 0; right: 20px;}
.block-bookonline a {display: block; width: 140px; height: 24px;}

.sideextra span {font-size: 10px; display:block; width: 220px; padding-top: 10px;}

.topnav {height: 46px;}
.topnav ul {list-style: none; margin: 0; padding: 0;}
.topnav li {float: left; margin: 0; padding: 0;}
.topnav li a {outline: none; display: block; height: 45px;background: url('http://www.combermereabbey.co.uk/media/layout/CA_Nav.jpg') no-repeat;}
.topnav li a span {display: none;}

li.nav-home a {width: 90px;}
li.nav-cottage a {width: 120px; background-position: -90px 0;}
li.nav-wedding a {width: 129px; background-position: -210px 0;}
li.nav-events a {width: 138px; background-position: -339px 0;}
li.nav-abbey a {width: 85px; background-position: -477px 0;}
li.nav-info a {width: 141px; background-position: -562px 0;}
li.nav-news a {width: 100px; background-position: -703px 0;}
li.nav-contact a {width: 117px; background-position: -803px 0;}

li.nav-home a:hover, .home .topnav li.nav-home a {background-position: 0 -46px;}
li.nav-cottage a:hover, .cottage .topnav li.nav-cottage a {background-position: -90px -46px;}
li.nav-wedding a:hover, .wedding .topnav li.nav-wedding a {background-position: -210px -46px;}
li.nav-events a:hover, .events .topnav li.nav-events a {background-position: -339px -46px;}
li.nav-abbey a:hover, .abbey .topnav li.nav-abbey a {background-position: -477px -46px;}
li.nav-info a:hover, .info .topnav li.nav-info a {background-position: -562px -46px;}
li.nav-news a:hover, .news .topnav li.nav-news a {background-position: -703px -46px;}
li.nav-contact a:hover, .contact .topnav li.nav-contact a {background-position: -803px -46px;}

.slideshow {position:relative;right: 0;top: 0;width: 920px;height:250px;}
.slideshow img { position:absolute;  top:0; left:1px; z-index:8; opacity:0.0;}
.slideshow img.active {z-index:10;opacity:1.0;}
.slideshow img.last-active {  z-index:9;}
.image * {margin: 0; padding: 0;}


.block-sidenav {margin: 0px 20px 20px 20px; float: left; width: 230px; }
.block-sidenav * {outline: none;}
.block-sidenav p {margin: 0; padding: 0;}
.block-sidenav ul {margin: 0; padding: 0;list-style: none; background: url('http://www.combermereabbey.co.uk/media/layout/subnav-bg1.gif') top left no-repeat;}
.block-sidenav li {font-size: 14px; padding: 6px 0;width: 230px; background: url('http://www.combermereabbey.co.uk/media/layout/subnav-bg1.gif') bottom left no-repeat;}
.block-sidenav li a {color: #888; padding: 5px 10px; background: url('http://www.combermereabbey.co.uk/media/layout/subnav-bullet.gif') 0 7px no-repeat;}
.block-sidenav .active a {color: #365348;}
.block-sidenav li li {font-size: 11px; padding: 5px 10px 2px 10px;background: url('http://www.combermereabbey.co.uk/media/layout/subnav-bg2.gif') top left no-repeat;}
.block-sidenav li ul {margin: 0; padding: 0;}
.block-sidenav li li a {color: #888 !important; background: url('http://www.combermereabbey.co.uk/media/layout/subnav-bullet.gif') 0 6px no-repeat;}
.block-sidenav li li.active a {color: #365348 !important;}
.content {padding-bottom: 30px; margin: 10px 20px 10px 0; float: left; width: 630px; overflow: hidden; }
.content ul {margin: 0; padding: 0 0 0 20px;}
.content li {padding: 5px;}

.block-subarea.first {width: 304px;}
.block-subarea {top: -9px; position: relative; width: 302px; height: 160px; margin: 0 1px 0 2px; overflow: hidden;}
.block-subarea h2 {position: absolute; bottom: 0; left: 0; display: block; width: 292px; margin: 0; padding: 5px; font-size: 15px; color: #fff;background: url('http://www.combermereabbey.co.uk/media/layout/bg-home-sub.png');}
.block-subarea.first h2 {width: 294px;}
.block-subarea a {border: none; color: #fff;font-family: "Georgia", Tahoma, Arial, Serif;font-weight: normal;text-transform: uppercase;}
.block-subarea.lastblock {margin-right: 0;}


.block-quote {margin: 0 auto; width: 590px; color: #365348; padding: 1px 20px; position: relative; background: url('http://www.combermereabbey.co.uk/media/layout/bg-quote.png') no-repeat;}
.block-quote h3 {text-align: center; font-size: 16px; padding: 0; margin: 25px 50px;}
.block-quote p {display: block;width: 200px; height: 69px;position: absolute;bottom: -26px; right: 0;background: url('http://www.combermereabbey.co.uk/media/layout/bg-quote-close.png') bottom right no-repeat;}
.block-quote p em {position: absolute; right: 10px; bottom: 25px; text-align: center; width: 630px;}


.block-contact {clear: both; position: relative; height:48px;background: url('http://www.combermereabbey.co.uk/media/layout/bg-contact.png') no-repeat;}
.block-contact-wedding {position: absolute; top: 0; left: 10px;}
.block-contact-estate {position: absolute; top: 0; left: 350px;}
.block-contact-holiday {position: absolute; top: 0; right: 0px;}

.block-contact-wedding a{display:block; width: 240px; height: 40px;}
.block-contact-estate a{display:block; width: 190px; height: 40px;}
.block-contact-holiday a{display:block; width: 240px; height: 40px;}


.footer {margin: 0 auto; height: 80px; width: 920px; color: #fff; font-size: 13px; padding: 10px 0;}
.footer a {color: #fff;}
.footer br {line-height: 0.5em;}
.copyright {float: left; width: 600px;}
.block-social {float: right; width: 300px; text-align: right;}
.resize-decrease {font-size: 13px; margin-top: 3px;}
.resize-increase {font-size: 16px;}



.block-subtitle {width: 610px; text-align: center;  padding: 10px; background: #5c8e7b url('http://www.combermereabbey.co.uk/media/layout/bg-subtitle.gif') top center no-repeat;}
.block-subtitle * {margin: 0; padding: 0;font-size: 16px; color: #fff; font-family: "Trebuchet MS", Tahoma, Arial, Serif;}

.block-subsection {position: relative; width: 200px; height: 120px; margin: 0 15px 0 0; overflow: hidden;}
.block-subsection h2 {font-family: "Trebuchet MS", Tahoma, Arial, Serif !important;position: absolute; bottom: 0; left: 0; display: block; width: 285px; margin: 0; padding: 6px 5px; font-size: 13px; color: #fff;background: url('http://www.combermereabbey.co.uk/media/layout/bg-subarea.png') no-repeat;}
.block-subsection a {border: none; font-weight: normal; display: block;}
.block-subsection.lastblock {margin-right: 0;}


/* HOME PAGE HACKS */

.home .block-sidenav {display: none;}
.home .content {margin: 0px 1px 0px 1px; width: 920px;position: relative;}
.home .block-quote {margin: 0 0 0 20px; width: 840px; }
.home .block-quote h3 {margin: 25px 25px;}
.home .block-quote p em {width: 900px;}
.home .home-copy {margin: 0 20px; font-size: 13px; }
.home .hp-social {text-align: right; margin: 30px 0 0 0; padding: 0;}
.home .hp-ec-logo {text-align: left; margin: 30px 0 0 0; padding: 0;}

/* COTTAGE PAGE ITEMS */

.cottagedetails .content {margin-right: 0 !important;}
.block-content {float: left; width: 430px;}
.block-features {float: right; width: 180px; margin: 70px 0 0 0;position: relative; right: -15px;}

.block-cottage-details {border: 1px solid #365348;background: url('http://www.combermereabbey.co.uk/media/layout/bg-keyfacts.png') left bottom repeat-x; }
.block-cottage-details h3 {margin: 0px 10px; padding: 10px 0; font-family: "Trebuchet MS", Tahoma, Arial, Serif !important; background: url('http://www.combermereabbey.co.uk/media/layout/subnav-bg1.gif') bottom right no-repeat;}
.block-cottage-details ul {margin-left: 0; padding-left: 25px; color: #666;}
.block-cottage-details li {margin: 5px 0;}

.block-cottage-quote {background: #e7efec url('http://www.combermereabbey.co.uk/media/layout/rquote-top.jpg') top right no-repeat; margin-top: 10px; padding: 70px 5px 0px 5px;}
.block-cottage-quote p {padding: 3px; margin: 0; text-align: center;}
.block-cottage-quote p em {font-size: 14px;}
.block-cottage-quote-close {background: #e7efec url('http://www.combermereabbey.co.uk/media/layout/rquote-bottom.jpg') top right no-repeat; height: 65px;}

.sideextra {padding-top: 20px;}

/* CONTACT FORM */

#ContactForm fieldset {border: 1px solid #ddd; padding: 10px 20px; margin-bottom: 10px;}
#ContactForm legend {padding: 5px 10px; font-size: 14px; font-family: "Georgia", Tahoma, Arial, Serif;color: #365348; font-weight: normal;}
#ContactForm p {font-size: 12px; margin: 0 0 10px 0; padding: 0;}
#ContactForm span.title {float: left; width: 170px;}
#ContactForm label input.input-text {font-size: 12px;border: 3px double #bbb; padding: 2px 4px; width: 200px;}
#ContactForm label select.input-select {font-size: 12px;border:3px double #bbb; padding: 2px;}
#ContactForm textarea.input-textarea {font-size: 12px; width: 300px; height: 100px; padding: 2px 4px;border: 3px double #bbb;}

#ContactForm span.formError,
#ContactForm span.errorMsg {color: #f00; margin-left: 10px; font-weight: bold; font-size: 11px;}
#ContactForm input.error {border: 3px double #f00 !important; background: pink;}


/* PRICE TABLE */
#prices-1,
#prices-2,
#prices-3 {clear:both; padding-top:10px;}


.price-options {}
.price-options a {font-size: 14px; background: #9ebbb0; color: #fff;display: block; width: 206px; margin-right: 0px; float: left; border: 1px solid; padding: 10px 0; text-align: center;}
.price-options a.active,
.price-options a:hover {background: #5d8e7b;}

#link-midweek,
#link-weekend {margin-right: 3px;}

.pricetable {border-collapse: collapse; width: 629px; border: none; margin: 15px 0 0 1px;}
.pricetable tr {bordeR: none;}
.pricetable tr.pricealt {background: #eef3f2}
.pricetable td {padding: 2px;}
.pricetable th {text-align: left; font-weight: bold;border: none; border-bottom: 2px solid #ceddd7; padding: 2px 2px 5px 2px; background: #fff; color: #5d8e7b;}



/* SIFR ELEMENTS */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.sidesocial {margin-top: 20px;}
.sidesocial img {bordeR: none; margin: 0 5px 0 0;}

.promotion-button {position: relative; width: 200px; height: 140px; text-align: center; background: url('http://www.combermereabbey.co.uk/media/layout/CA-button.jpg') top left no-repeat; margin-top: 10px;}
.promotion-button h3 {color: #fff; font-size: 18px; padding: 0 0 15px 0; margin: 0; line-height: 1.1em;}
.promotion-button table {width: 180px !important; margin: 0 auto; padding: 0; height: 140px;}
.promotion-button table tr {margin: 0; padding: 0;}
.promotion-button table td {margin: 0; padding: 0;}
.promotion-button p {color: #fff; margin: 0; padding: 0;}
.promotion-button a {color: #fff; margin: 0; padding: 0;}


.home-promo
{
    background: none repeat scroll 0 0 #E7EFEC;
    margin-left: 20px;
    margin-right: -9px;
    width: 286px;
    min-height: 203px;
}

div.home-promo ul
{
    list-style: none;
    margin: 0px;
    padding: 50px 7px 9px;
}

div.home-promo h2
{
    color: #666666;
    font-family: "Trebuchet MS",Tahoma,Arial,Serif;
    font-size: 13px;
    margin: 0;
}

div.home-promo li p
{
    color: #666666;
    font-family: "Trebuchet MS",Tahoma,Arial,Serif;
    font-size: 11px;
    margin: 0;
}

div.home-promo li.div
{
       border-bottom: 1px solid #D4E1DB;
    margin-bottom: 10px;
    padding-bottom: 18px;
}

div.weddings
{
    background: url("/media/layout/weddings.jpg") no-repeat scroll 0 0 #E7EFEC;
}

div.events
{
     background: url("/media/layout/events.jpg") no-repeat scroll 0 0 #E7EFEC;
}

div.holiday
{
     background: url("/media/layout/holiday-cottages.jpg") no-repeat scroll 0 0 #E7EFEC;
}

div.testimonial-item
{
    border-bottom: 1px solid #F6F7F7;
    color: #365348;
    height: auto;
    margin-bottom: 26px;
    padding-top: 1px;
    padding-bottom: 10px;
    width: 610px;
}

div.testimonial-item p
{
    padding-left: 70px;
    width: 480px;
    margin: 0px;
}

div.testimonial-item h2
{
   font-size: 13px;
}

div.speech_left
{
    height: 55px;
    position: absolute;
    width: 56px;
    background: url(http://www.combermereabbey.co.uk/media/layout/speech_open.gif) 0 0 no-repeat;
}

div.speech_right
{
    float: right;
    height: 55px;
    position: relative;
    top: -40px;
    width: 55px;
    background: url(http://www.combermereabbey.co.uk/media/layout/speech_close.gif) 0 0 no-repeat;
}