﻿/* CSS RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* / CSS RESET */

/* COMMON */
html { height: 100%; }
body > form { height: auto; min-height: 100%; }
body 
{
    font: 80%/1.2 'myriad pro', arial, sans-serif;
    background:#727272;
    height:100%;
}

p 
{
    margin-bottom:12px
}

p:last-child 
{
    margin-bottom:0;
}

a 
{
    text-decoration:none;
}

h1, h2, h3, h4 
{
    font-family: Georgia, Serif;
}

h1, h2, h3 
{   
    font-size: 231%;
    margin-bottom:15px;
}

b, strong {
    font-weight:bold;
}

.wrap 
{
    width:1000px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    background: url(../img/wood_bg.jpg) repeat;
    box-shadow: 0 0 15px 0 #141414;
    behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
    min-height: 100%;
    height: auto;
}

.logo 
{
    background: #618638 url(../img/headers/greens_header_logo.png) no-repeat center 90px;
    display:block;
    left:30px;
    width:190px;
    height: 190px;
    position:absolute;
    z-index:3;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 2px 3px 20px 0 #141414;
    behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
}

nav 
{
    position:absolute;
    top:80px;
    background: #F7F9F5;
    box-shadow: 0 0 15px 0 #141414;
    behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
    width:100%;
    z-index:2;
}

nav ul
{
    margin-left: 270px;
    line-height: 50px;
    vertical-align:middle;
    width: 624px;
    float: left;
}

nav ul li 
{
    display:inline;
    margin: 0 0 0 9px;
    font-size: 1em;
}

nav ul li a, nav ul li a:visited
{
    color: #141414;
}

nav ul li a:hover 
{
    color: #618638;
}

nav ul li a.active 
{
    color:#618638;
}

nav .fb, nav .tw, nav .ml
{
    width:22px;
    height:22px;
    display:block;
    float:right; 
    text-indent:-9999px;
    margin: 14px 2px;
}

nav .fb
{
    background:url(../img/facebook_icon.png);
    margin-right:30px;
}

nav .tw
{
    background:url(../img/twitter_icon.png);
}

nav .ml 
{
    background:url(../img/envelope_icon.png);
}

footer 
{
    width: 96%;
    padding: 0 2%;
    margin-top:50px;
    font-family: georgia;
    color:#F7F9F5;
    background:#618638 url(../img/headers/greens_footer.png) no-repeat 97% center;
    height: 50px;
    line-height: 50px;
    vertical-align:middle;
    font-size: 1.2em;
    float:left;
    position:relative;
    z-index:2;
}

footer span 
{
    border-left: 1px solid #F7F9F5;
    font-size: 30px;
    margin: 0 10px 0 16px;
    vertical-align:middle;
}

footer a, footer a:visited
{
    color: #F7F9F5;
}

footer a:hover 
{
    text-decoration: underline;
}

.black 
{
    background: #141414;
    color:#F7F9F5;
}

.black h2, .black h1, .black h3
{
    color:#618638;
}

.black h3 
{
    color:#F7F9F5;
}

.white 
{
    background: #F7F9F5;
    color:#141414;
}

.white h2, .white h1, .white h3 
{
    color: #618638;
}

    .white h3 {
        font-size:14px;
    }

.white a 
{
    color:#618638; 
    text-decoration:underline;
}

.green 
{
    background:#618638;
    color:#141414;
}

.green h1, .green h2, .green h3 
{
    color:#F7F9F5;
}

.green a 
{
    color: #F7F9F5;
    text-decoration:underline;
}

.box 
{
    padding:30px;
    position:relative;
}

.clear 
{
    display:block;
    clear:both;
    height:1px;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* BOX SIZES */
.b250x250, .b250x375, .b250x500, .b250x625, .b250xAuto
{
    width:190px;
}

.b375x250, .b375x375 
{
    width:315px;
}

.b500x250 
{
    width:440px;
}

.b625x375, .b625xAuto 
{
    width:565px;
}

.b750x250, .b750x375, .b750x500, .b750x625, .b750xAuto
{
    width:690px;
}

.b250x250, .b375x250, .b500x250, .b750x250 
{
    height:190px;
}

.b250x375, .b375x375, .b750x375, .b625x375 
{
    height:315px;
}

.b250x500, .b750x500
{
    height:440px;
}

.b750x625, .b250x625
{
    height: 565px;
}

.b625xAuto, .b250xAuto, .b750xAuto 
{
    min-height:625px;
    height:100%;
}

/* <HOMEPAGE> */
.home h1 
{
    display:none;
}

.home #box1, .home #box2, .home #box5, .home #box6, .home #box10, .home #box11, .home #box13, .home #box14
{
    float:left;
}

.home #box3, .home #box4, .home #box7, .home #box8, .home #box9, .home #box12
{
    float:right;
}
.home #box1 div 
{
    position:absolute;
    top:225px;
    width:190px;
}

.home #box2 img 
{
    float:left;
}

.home .rslides, .home #box2 img, .home #box3 img, .home #box6 img, .home #box7 img
{
    position:relative;
    box-shadow: 0 0 15px 0 #141414;
    behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
}

.home #box4 a, .home #box9 a, .home #box11 a
{
    position:absolute;    
    text-indent:-9999px;
}

.home #box4 a.menu 
{
    display:block;
    position:static;
    width:190px;
    height:95px;
    background: url(../img/headers/menus.png) no-repeat center center;
}

.home-wedding, .gift_vouchers {
    display: block;
    position: absolute;
    bottom: 10px;
    background: url(../img/greens_wedding_menu-03.png) no-repeat left top;
    width: 231px;
    height: 250px;
    left: 10px;
}
.gift_vouchers{
  
    background: url(../img/Greens_Gift_Vouchers-01.png) no-repeat left top;
   
}

.home #box4 a.xmenu 
{
    display:block;
    position:static;
    width:190px;
    height:95px;
    background: url(../img/christmas_menus.png) no-repeat center center;
}

 .home #box4 a.menu-wedding 
{
    display:block;
    position:static;
    width:190px;
    height:95px;
    background: url(../img/greens_wedding_menu-01.png) no-repeat center center;
}
.home #box9 a 
{
    background: url(../img/headers/book_a_table.png) no-repeat center 53.5px;
}

.home #box11 a 
{
    background: url(../img/headers/find_us.png) no-repeat center 53.5px;
}

.home #box2 div, .home #box5 div 
{
    position:absolute;
    bottom:30px;
    width:315px;
}

.home #box2 div 
{
    width: 345px;
    right: 30px;
}

.home #box10 h2 
{
    display:block;
    background: url(../img/headers/twitter.png) no-repeat right;
    text-indent:-9999px;
}

.home #box8 h2
{
    display:block;
    background: url(../img/headers/news.png) no-repeat right;
    text-indent:-9999px;
}

.home #box10 h2 a, .home #box8 h2 a
{
    display:block;
}

.carousel
{
    overflow:hidden;
    float:right;
    padding:30px 30px 10px 30px;
}

/*! http://responsiveslides.com v1.32 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  background:#618638;
  width:690px;
  height:565px;
  }
  
  .home .rslides 
  {
      background:#618638;
      width:690px;
      height:565px;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.rslides_tabs  
{
    display:block;
    margin: 9px auto 10px auto;
    width: 75px;
}

.rslides_tabs li 
{
    display:inline;
    float:left;
}

.home .rslides_tabs li a
{
    text-indent:-9999px;
    display:block;
    width:11px;
    height:11px;
    background: url(../img/nav_whiteDot.png);
    margin: 0 2px;
}

.home .rslides_tabs .rslides_here a 
{ 
    background: url(../img/nav_greenDot.png);
}
  
#twitter_update_list li
{
    color:#F7F9F5;
    margin-bottom:10px;
}

.home .news li
{
    margin-bottom: 14px;
}

.home .news li, .home .news li a, .home .news li a:visited
{
    color:#F7F9F5;
}

/* </HOMEPAGE> */

/* <SIMON RIMMER> */
.simon #box1, .simon #box4, .simon #box7, .simon #box8, .simon #box10, .simon #box11, .simon #box12
{
    float:left;
}

.simon #box2, .simon #box3, .simon #box5, .simon #box6, .simon #box9
{
    float:right;
}

.simon div img
{
    position:relative;
    box-shadow: 0 0 15px 0 #141414;
    behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
}

.simon #box4 div, .simon #box8 div, .simon #box10 div
{
    position:absolute;
    bottom:30px;
}

.simon #box4 div 
{
    width:690px;
}

.simon #box8 div, .simon #box10 div 
{
    width:315px;
}

.simon #box9 a 
{
    position:absolute;    
    text-indent:-9999px;
    background: url(../img/headers/book_a_table.png) no-repeat center 53.5px;
}

.simon #box12 h2
{
    display:block;
    background: url(../img/headers/simons_twitter.png) no-repeat right;
    text-indent:-9999px;
}


.simon #box12 h2 a 
{
    display:block;
}

/* </SIMON RIMMER> */

/* <ABOUT> */
.about #box1, .about #box2, .about #box3, .about #box4, .about #box5, .about #box6, .about #box7, .about #box8, .about #box9, .about #box11, .about #box12, .about #box13, .about #box14, .about #box15, .about #box16, .about #box17, .about #box18, .about #box19
{
    float:left;
}

 .about #box10
{
    float:right; 
}

.about div img
{
    position:relative;
    box-shadow: 0 0 15px 0 #141414;
    behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
}

.about
{
    font-size: 89%;
}

.about h1 
{
    display:none;
}

.about #box1, .about #box3, .about #box6
{
    padding:30px
}

.about #box1 div 
{
    width:190px;
}

.about #box3 div, .about #box6 div
{
    width:565px;
}

.about #box1 div, .about #box3 div, .about #box6 div
{
    position:absolute;
    margin:0 30px 0 0;
    bottom:30px;
}

.about #box19 h2, .about #box7 h2
{
    display:block;
    text-indent:-9999px;
    height:100%;
}

.about #box19 h2 
{
    background: url(../img/awardsBlock.jpg) no-repeat center center;
}

.about #box7 h2
{
    background: url(../img/headers/key_personnel.png) no-repeat center center;
}

/* </ABOUT> */

/* <OPENING TIMES> */
table th, table td 
{

    text-align:center;
    padding:0 3px 3px 3px;
}

table th 
{
    font-weight: bold;
    color:#618638;
    padding: 0 0 3px 0;
}

.home table th 
{
    width:100px;
}

.home table td 
{
    width:90px;
}


.find table th, .find table td, .book table th, .book table td  
{

    text-align:center;
    padding:0 7px 3px 3px;
}


table td:first-child
{

    text-align:left;
    padding-left:0;
}

/* </OPENING TIMES> */

/* <NEWS> */
.news #box2 
{
    float:right;
}

.news #box2 
{
    width:630px;
    margin: 80px 30px 0 30px;
    padding-top:70px;
}

.news #box1 
{
    position:absolute;
    z-index:1;
    float:left;
}

.news li 
{
    margin-bottom:6px;
}
/* </NEWS> */

/* <BOOK A TABLE> */
.book { height: 100%; }

.book iframe 
{
    float: right;
    border: none;
    margin: 130px 215px 30px 0;
    background: #FFF;
}

.book #box1 
{
    z-index:1;
    float:left;
    min-height: 100%;
}

.book #box2 
{
    margin-top:60px;      
}

.book #box3
{
    margin-top:210px;  
}

.book #box2 h3, .book #box3 h2 
{
    font-size:215%;
    color:#618638;
}
/* </BOOK A TABLE> */

/* <FIND US> */
.find h1 
{
    display:none;
}
.find #box1 
{
    position:absolute;
    z-index:1;
    float:left;
}

.find #box2 
{
    margin-top:60px;  
    font-size:161%;
    color:#618638;
    font-family:Georgia;
}

.find #box2 span 
{
    color:#F7F9F5;
}

.find #box3
{
    margin-top:210px;  
}

.find #box2 h2, .find #box3 h2 
{
    font-size:215%;
}

.find .map 
{
    width: 650px;
    height:500px;
    float:right;
    margin: 130px 50px 30px 0;
}

.find table, .book table 
{
    font-size:89%;
}

/* </FIND US> */

/* <MENU> */
.menus #box1, .wedding #box1
{
    float:left;
}

.menus #box2, .wedding #box2
{
    float:right;
    width:630px;
    margin: 0 30px 0 30px;
    text-align:center;
    font-size:95%;
}

.menus #box2 a 
{
    display:block;
    margin: 10px auto 0 auto;
    background: url(../img/pdficon.jpg) no-repeat right center;
    padding-right: 30px;
    width: 180px;
    line-height: 25px;
}

.menus #box2 h3 
{
    font-size:120%;
    font-weight:bold;
}

.menus #box2 dt 
{
    font-weight:bold;
}

.menus #box2 dd
{
    font-style:italic;
    margin-bottom:10px;
}

.menus #box2 li 
{
    margin-bottom:10px;
}

.menus #box3, .wedding #box3 
{
    float:right;
}

.menus #box4, .menus #box5 
{
    float:left;
} 

.menus #box3 img, .wedding #box3 img
{
    margin-top: 10px;
}

.menus #box4 a, .menus #box4 a:visited, .menus #box5 a, .menus #box5 a:visited
{
    display:block;
    font-size:215%;
    font-family:Georgia;
    text-decoration:none;
    text-align:center;
}

.menus #box4 a
{
    margin-top:60px;
}

.menus #box5 a
{
    margin-top:60px;
}
/* </MENU> */

/* <ARTICLE> */
.article #box2 
{
    float:right;
}

.article #box2 
{
    width:630px;
    margin: 80px 30px 0 30px;
    padding-top:70px;
}

.article #box1 
{
    position:absolute;
    z-index:1;
    float:left;
}

.article img 
{
    position: relative;
box-shadow: 0 0 15px 0 #141414;
behavior: url(http://www.greensdidsbury.co.uk/assets/css/PIE.htc);
margin: 30px auto 0;
display: block;
}

/* </ARTICLE> */

/* <CHARITIES> */
.charities 
{
    font-size:88%;        
}

.charities h1
{
    display:none;
}
.charities #box1 
{
    position:absolute;
    z-index:1;
    float:left;
    margin-right:30px;
}

.charities #box2 
{
    width:190px;
    height:72px;
    float:left;
    margin-left:280px;
    padding:148px 20px 30px 20px;
    background:#618638 url(../img/charities_greenBlock_textTop.jpg) no-repeat top;
}

.charities .spacer 
{
    height:130px;
}

.charities .charitylink
{
    display:block;
    float:left;
    width:230px;
    height:250px;
}

.charities #charity1
{
    background:url(../img/francis_house.png) no-repeat; 

}

.charities #charity2
{
    background:url(../img/wish_star.png) no-repeat; 
}

.charities #charity3
{
    margin-left:280px;
    background:url(../img/lfc_foundation.png) no-repeat; 
}

.charities #charity4
{

    background:url(../img/christies.png) no-repeat; 
}

.charities #charity5
{
    background:url(../img/brainwave.png) no-repeat; 
}

.charities #charity6
{
    background:url(../img/princes_trust.png) no-repeat; 
}

.charities #charity7
{
    background:url(../img/wirral_toy_library.png) no-repeat; 
}

.charities #box3 
{
    margin-left:280px;
    float:left;
    width: 190px;
    height:50px;
    padding:170px 20px 30px 20px;
    background:url(../img/patrons.png) no-repeat;
}

.charities #box3 a, .charities #box3 a:visited
{
    color:#000;
    text-decoration:underline;
    font-weight:bold;
}

/* </CHARITIES> */

/* <GALLERY> */

.gallery #box1 
{
    float:right;
    padding-top:90px;
}

.gallery h1 
{
    display:none;
}

.gallery li
{
    float:left;
    width:69px;
    height:46px;
    margin-right: 8.5px;
    margin-bottom: 10px;
    cursor:pointer;
}

.gallery li:nth-child(9n) 
{
    margin-right:0;
}

.gallery li img 
{
    max-width:100%;
    max-height:100%;
}

.gallery #mainimg 
{
    width:690px;
    height:459px;
    display:block;
    border:none;
    background-repeat:no-repeat;
    background-position:center center;
    overflow:hidden;
    margin-bottom:30px;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

/* </GALLERY> */

/* <MAILING LIST> */
.mailing #box1, .mailing #box2 
{
    float:left;
}

.mailing #box2 
{
    width:630px;
    height:auto;
    margin:90px 30px 30px 30px;
    padding-top:70px;
}

.mailing fieldset 
{
    margin-top:15px;
}

.mailing fieldset legend 
{
    display:none;
}

.mailing label 
{
    width:210px;
    float:left;
    margin-right:30px;
    color:#618638;
    font-family:Georgia, Serif;
    margin-top:15px;
}

.mailing label span 
{
    float:left;
}

.mailing label input 
{
    width:100%;
}

.mailing input[type="submit"] 
{
    color: #F7F9F5;
    background-color: #618638;
    font-family:Georgia, Serif;
    border: 1px solid #618638;
    padding:5px;
    float:left;
    margin: 15px 200px 0 0;
    cursor:pointer;
}

.mailing input[type="submit"]:hover 
{
    color: #618638;
    background-color: #F7F9F5;
    font-family:Georgia, Serif;
    border: 1px solid #618638;
}
/* </MAILING LIST> */


/* <SHOP> */
.shop #box1, .shop #box2 
{
    float:left;
}

.shop legend 
{
    display:none;
}

.shop #box2 
{
    width:630px;
    height:auto;
    margin:90px 30px 30px 30px;
    padding-top:70px;
}

.shop .full 
{
    width:100%;
}

.shop textarea 
{
    width:100%;
}

.shop fieldset 
{
    margin-top:15px;
}

.shop label 
{
    width:300px;
    float:left;
    color:#618638;
    font-family:Georgia, Serif;
    margin-top:15px;
}

.shop label span 
{
    float:left;
}

.shop .first 
{
    margin-right:30px;


}


.shop label input 
{
    width:100%;
}

.shop ul label 
{
    float:none;
    width:auto;
}

.shop ul 
{
    margin-top:15px;
}

.shop ul li 
{
    float:left;
    margin-right:8px;
}

.shop input[type="submit"] 
{
    color: #F7F9F5;
    background-color: #618638;
    font-family:Georgia, Serif;
    border: 1px solid #618638;
    padding:5px;
    float:left;
    margin: 15px 200px 0 0;
    cursor:pointer;
}

.shop input[type="submit"]:hover 
{
    color: #618638;
    background-color: #F7F9F5;
    font-family:Georgia, Serif;
    border: 1px solid #618638;
}
/* </SHOP> */


.wedding table {
    margin:0 auto;

}

.wedding td {
    padding-bottom:6px;
}

.article-img {
    max-width:100%;
}