@import url(http://winkups.co.uk.s2859.gridserver.com/styles/css3); /*  browser specific CSS */

@media screen {

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/* =html */
html { background : #fff url(../siteimages/html.jpg) repeat-x 0 100%; color : #333; }	

/* =body */
body { background : url(../siteimages/body.jpg) repeat-x 100% 0; font : 78%/1.4 Helvetica, Arial, Verdana, sans-serif; }

/* =blocktext */
h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0; padding : .5em 0; }

/* =hx */
h2, h3, h4, h5 { font-weight : bold; }

/* =h1 */
h1 { position : absolute; top : 40px; left : 20px; width : 263px; height : 130px; background : url(../siteimages/h1-trans.png); }

/* =h2 */
h2 { font-size : 200%; color : #216ba1; }

/* =h3 */
h3 { font-size : 140%; }
li h3 { margin-left : 0; }
form h3 { margin-left : 0; }
#content_supp > div > h3 { font-size : 120%; }
#downloads h3 { font-size : 110%; }

/* =h4 */
h4 { font-size : 120%; }
li h4 { margin-left : 0; }
#nav_main h4, #nav_supp h4, #nav_categories h4 { position : absolute; top : -9999px; }

/* =h5 */
h5 { font-size : 120%; }
li h5 { margin-left : 0; }

/* =fir */
.index #content_main h2, 
#upcoming h2, 
#photos h3, 
#blog h3, 
#faqs h3, 
#subscribe h3 { margin : 0; padding : 0; text-indent : -9999px; }

/* Everything to wish for in a holiday */
.index #content_main > h2 { width : 384px; height : 85px; background : url(../siteimages/h2_01-trans.png); }

/* Upcoming at the club */
#upcoming h2 { width : 333px; height : 35px; background : url(../siteimages/h2_02-trans.png); }

/* Winkups photos */
#photos h3 { width : 215px; height : 31px; margin-bottom : 10px; background : url(../siteimages/h3_01-trans.png); }

/* From our blog */
#blog h3 { width : 189px; height : 31px; background : url(../siteimages/h3_02-trans.png); }

/* Join our mailing list */
#subscribe h3 { width : 207px; height : 24px; background : url(../siteimages/h3_03-trans.png); }

/* FAQs */
#faqs h3 { width : 59px; height : 31px; margin-top : 10px; background : url(../siteimages/h3_04-trans.png); }

/* =p */
p { font-size : 100%; }
h2 + p { font-size : 110%; font-weight : bold; }
h4 + p { font-size : 92%; }
li p, dd p, form p, blockquote p { margin-left : 0; }
dd p + p { padding-top : 0; }
li blockquote p { margin-left : 0; }
#nav_chooser p { padding : .5em 20px; font-weight : bold; color : #fff; text-align : center; }
#photos p { clear : left; font-size : 92%; }

/* =blockquote */
blockquote { padding-left : 20px; border-left : 1px solid #999; }
#branding > blockquote { position : absolute; right : 30px; top : 40px; width : 350px; padding-left : 0; border-left : 0px solid #fff; color : #fff; font-size : 140%; font-weight : bold; line-height : 90%; text-align : right; }
li blockquote { margin-left : 0; padding-left : 0; border-left : none; }
dd blockquote { margin-left : 0; padding-left : 0; }

/* =kbd/del/ins/abbr */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; text-decoration : none; border : none; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }
#siteinfo address { width : 200px; text-align : right; color : #fff; font-size : 90%; line-height : 110%; }

/* =dl/dt/dd */
dt { font-weight : bold; }

/* =ul */
form ul { margin-left : 0; }
ul ul { margin-left : 0; }
#nav_access { position : absolute; top : -9999px; }
.continue { float : left; margin-bottom : 20px; padding : 0; }
#nav_main ul { position : absolute; top : 0; left : 320px; margin : 0; padding : 0; }
#nav_supp ul { margin : 0 80px 0 40px; font-size : 92%; }
#siteinfo ul { position : absolute; top : 0; left : 600px; }

/* =ol */
ol { overflow : hidden; }
ol ol { margin-left : 0; }

/* =li */
#nav_main li, #nav_supp li, .continue li { float : left; } 
#downloads li { display : inline; }

/* = events */
#events li { padding : .35em 0; border-bottom : 1px solid #b0b0b0; font-size : 92%; }
#events li:hover { background-color : #eef8fb; }

/* = articles */
#articles { clear : left; }
#articles li { clear : left; }
#articles span { display : block; float : left; width : 28px; height : 28px; margin: 0 5px 5px 0; padding : 2px; background : url(../siteimages/articles_li-trans.png) no-repeat; color : #fff; font-size : 92%; font-weight : bold; text-align : center; text-transform : uppercase; line-height : 100%; }

/* =img */
img, a img { border : none; }
#illustration { position : relative; z-index : 1; margin : 1em 0 -30px 10px; }
img[alt="Primrose"] { float : left; margin : 0 1em .5em 0;}
#photos img { float : left; margin : 0 10px 10px 0; padding : 2px; border : 1px solid #b0b0b0; }
#upcoming img { float : left; }

/* =hr */
hr { display : none; }

/* =a */
a, a:visited { color : #216ba1; text-decoration : underline; }

h1 a { display : block; width : 100%; height : 150px; overflow : hidden; outline : none; text-indent : -9999px;}

#nav_main a, #nav_main a:visited { position : absolute; display: block; width : 155px; height : 30px; padding-top : 3px; background : url(../siteimages/nav_a-trans.png) no-repeat; color : #fff; text-align : center; text-decoration : none; }

a#home { background : url(../siteimages/nav_a_active-trans.png) no-repeat; }
.index a#home { left : 0; }
a#about { left : 155px; }
a#contact { left : 310px; }

#downloads a { margin-right : 5px; padding : .25em 0 .25em 20px; background : url(../siteimages/a_pdf.gif) no-repeat 0 50%; }

#nav_supp a, #nav_supp a:visited { margin-right : .75em; color : #fff; }
#nav_chooser a, #nav_chooser a:visited { color : #fff; }
#siteinfo a, #siteinfo a:visited { color : #fff; }

#latest { padding : 0 1em 0 1em; }
#tour { padding-left : 1em; }

a[title="RSS"] { display : block; float : left; width : 110px; height : 23px; margin-right : .5em; background : url(../siteimages/a_RSS-trans.png) no-repeat; text-indent : -9999px; }
a[title="upcoming"] { display : block; float : left; width : 109px; height : 36px; background : url(../siteimages/a_upcoming-trans.png) no-repeat; text-indent : -9999px; }
a[title="continue"] { display : block; width : 81px; height : 43px; background : url(../siteimages/a_continue-trans.png) no-repeat; text-indent : -9999px; }
a[title="replies"] { display : block; float : left; width : 102px; height : 42px; background : url(../siteimages/a_replies-trans.png) no-repeat; text-indent : -9999px; }

/* =table */
table { width : 90%; font-size : inherit; }

/* =caption */
caption { font-weight : bold; }

/* =tr */
tr { padding : .5em 0; }
thead tr { background-color : #216ba1; color : #fff; }
tfoot tr { background-color : #216ba1; color : #fff; }
tbody tr { border-bottom : 1px dotted #b0b0b0; }

/* = th td */
th, td { padding : .25em 1.5em .25em .5em; vertical-align : top; }

/* =form */
#search { width : 216px; min-height : 47px; background : url(../siteimages/form_search.jpg) no-repeat; }

/* =fieldset */
fieldset { padding : 1em 0; }
#search fieldset:first-child { display : none; }
#search fieldset { padding : 10px 0 0 10px; }
.article #content_main fieldset { border-bottom : 1px solid #b0b0b0; }
#reply fieldset { border-bottom : 1px solid #b0b0b0; }

/* =legend */
legend { font-weight : bold; }

/* =label */
label { overflow : hidden; margin-bottom : .5em; }
label, label span { display : block; }

#search label { display : inline; }
#search span { display : none; }
.article #content_main label span { display : block; float : left; width : 49%; text-align : right; }

/* =input */
input[type="text"] { width : 180px; padding : .15em 0; border : 1px solid #f2f2f2; border-bottom-color : #999; font : 99% Helvetica, Arial, Verdana, sans-serif; }
.article #content_main input[type="text"] { float : left; margin-left : 2em; }
#search #keywords { width : 100px; margin-right : 5px; }
.errorMessage { border-bottom-color : red; }

/* =textarea */
textarea { font : 99% Helvetica, Arial, Verdana, sans-serif; border : 1px solid #b0b0b0; }
.article #content_main textarea { float : left; width : 200px; margin-left : 2em; }

/* =select */
select { width : 180px; border : 1px solid #b0b0b0; font : 99% Helvetica, Arial, Verdana, sans-serif; }
.article #content_main select { float : left; margin-left : 2em; }

/* =div */
#nav_chooser { position : relative; z-index : 2; margin : 1em 0; width : 475px; min-height : 35px; background : url(../siteimages/nav_chooser.jpg) no-repeat; color : #fff; }
#upcoming { margin-top : 20px; padding-top : 20px; border-top : 1px solid #b0b0b0; }
#downloads { margin : 20px 20px 20px 0; padding : 10px; background-color : #eef8fb; border : 1px solid #388fbc; font-size : 92%; }

#photos { width : 215px; margin-bottom : 10px; padding-bottom : 10px; border-bottom : 1px solid #b0b0b0; }
#blog { width : 215px; margin-bottom : 20px; padding-bottom : 30px; border-bottom : 1px solid #b0b0b0; }
#subscribe { width : 215px; }

#content_supp > div { float : left; width : 49%; }
form div { padding : .5em 0; }

/* =layout */
#container, 
#branding, 
#nav_main, 
#content,   
#nav_supp, 
#siteinfo { width : 812px; margin : 0 auto; }

#container { position : relative; }
#branding { height : 170px; }
#nav_main { height : 50px; background : url(../siteimages/nav_main-trans.png) no-repeat 0 0; }
#content { float : left; background : url(../siteimages/content.gif) repeat-y 0 0; }
#content_main { float : left; width : 475px; margin-left : 40px; }
#content_sub { float : right; width : 230px; margin-right : 30px; color : #666; }
#content_supp { display : inline; float : left; margin-top : 1em; padding-top : .5em; width : 475px; margin-left : 40px; border-top : 1px solid #b0b0b0; }

#nav_supp { 
clear : both; 
min-height : 50px; 
padding-top : 50px; 
background : url(../siteimages/nav_supp-trans.png) no-repeat 0 0; 
text-align : right; }

#siteinfo { 
position : relative; 
clear : both; 
padding : 0; 
background : url(../siteimages/siteinfo-trans.png) no-repeat 0 0; }

}