@charset "utf-8";

/* reset */
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; }

/* template */
body { background:url(/images/background.gif) no-repeat top center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#2a2d6c; }
textarea, input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }
#appContainer { width:940px; margin:0 auto; padding-top:50px; }
a { outline:none; }
.clear { overflow:hidden; height:1px; clear:both; }
.em { font-style:italic; }
.bold { font-weight:bold; }
label { font-style:italic; }
.medium, select.area { background:#ececec; border-color:#616160 #f0f0f0 #f0f0f0 #959593; border-width:1px; border-style:solid; }
#main .small { font-size:10px; font-style:italic; line-height:14px; }
.right { float:right; }
.left { float:left; }
strong, b { font-weight:bold; }
header h1.logo { display:block; width:243px; height:112px; background:url(/images/logo-perks.gif) no-repeat top left; text-indent:-99999em; }
header .profile { float:right; position:relative; height:112px; width:500px; }
header .profile .logo { width:162px; height:30px; background:url(/images/logo-mercury.gif) no-repeat top left; text-indent:-99999em; top:0; right:0; position:absolute;}
header .profile .profileLinks { font-size:11px; color:#2a2d6c; top:43px; right:0; position:absolute; text-align:right; line-height:15px;}
header .profile .profileLinks a { color:#2a2d6c; text-decoration:none;}
header .profile .profileLinks a:hover { text-decoration:underline; }
header .profile .welcome { font-size:18px; color:#2a2d6c; position:absolute; bottom:9px; right:178px; width:500px; text-align:right; }
header .profile .socialShare { font-size:14px; color:#2a2d6c; position:absolute; bottom:0; right:0; line-height:30px; }
header .profile .twitter { display: inline-block; width:30px; height:31px; background:url(/images/logo-twitter.gif) no-repeat top left; text-indent:-99999em; }
header .profile .facebook { display: inline-block; width:30px; height:31px; background:url(/images/logo-fb.gif) no-repeat top left; text-indent:-99999em; }
header .profile select { background:url(/images/bg-select.gif) no-repeat top left; width:102px; height:22px; border:0;  padding:2px }
header nav { padding:15px 0; }
header nav { margin-top:0; }
header nav li { display:inline; list-style-type:none; }
header nav a { background-position:top left; background-repeat:no-repeat; display:block; overflow:visible; text-indent:-99999em; width:103px; height:43px; float:left; }
header nav a.home { background-image:url(/images/nav-home.png); width:44px; }
header nav a.features { background-image:url(/images/nav-features.png); }
header nav a.dining { background-image:url(/images/nav-dining.png); }
header nav a.getaways { background-image:url(/images/nav-getaways.png); }
header nav a.wine { background-image:url(/images/nav-wine.png); }
header nav a.activities { background-image:url(/images/nav-activities.png); }
header nav a.rugby { background-image:url(/images/nav-rugby.png); }
header nav a.news { background-image:url(/images/nav-news.png); margin-right:8px; }
header nav a.suggestions { background-image:url(/images/nav-suggestions.png); width:167px; }

footer { text-align:center; font-size:11px; color:#2a2d6c; }
footer a { text-transform:uppercase; color:#2a2d6c; text-decoration:none; font-weight:bold; }
footer a:hover { color:#000000; }
footer p { margin:10px 0; }

#main .leftCol { width:160px; margin-right: 20px; float:left; overflow:hidden; }
#main .leftCol section, #main .midCol section, #main .rightCol section { margin-bottom:20px; }
#main .leftCol .login { height:260px; background:url(/images/bg-sidenav-login.png) no-repeat top left; }
#main .leftCol .loggedin a { background:url(/images/winedeals.png) no-repeat top left; width:160px; height:262px; text-indent:-99999em; display:block; }

#main .leftCol .login form { padding:59px 7px 0; }
#main .leftCol .login #password { margin-top:26px; }
#main .leftCol .login .textbox { width:142px; padding:2px; height:16px; border:0; background:transparent; }
#main .leftCol .login .button { float:right; margin-top:13px; clear:both; }
#main .leftCol .login a { display:block; text-indent:-99999em; }
#main .leftCol .login .lostCard { width:96px; height:20px; background:url(/images/btn-sidenav-lostcard.gif) no-repeat top left; }
#main .leftCol .login .haveCard { width:146px; height:20px; background:url(/images/btn-sidenav-havecard.gif) no-repeat top left; margin-bottom:10px; }
#main .leftCol .login .joinUs { height:20px; width:45px; float:left; margin-right:15px; }
#main .leftCol .login .lostPass { width:86px; height:20px; float:left; }
#main .leftCol .switch { width:160px; height:120px; background:url(/images/bg-switch.png) no-repeat top left; position:relative; }
#main .leftCol .switch .switchLink { display:block; text-indent:-99999em; width:160px; height:85px; position:absolute; }
a.shareFacebook { text-indent:-99999em; width:27px; height:27px; display:block; position:absolute; right:8px; bottom:6px; }
a.shareTwitter { text-indent:-99999em; width:27px; height:27px; display:block; position:absolute; bottom:6px; right:40px; }

#main .midCol { width:580px; margin-right:20px; float:left; overflow:hidden; }
#main .midCol .welcome { padding:16px; height:168px; background:url(/images/bg-welcome.png) no-repeat top left; }
#main .midCol .welcome h2 { text-indent:-99999em; background:url(/images/hd-welcome.gif) no-repeat top left; width:228px; height:114px; padding:5px; }
#main .midCol .thumbnail { width:307px; height:169px; background:url(/images/thumbnail-video.jpg) no-repeat top left; float:right; }
#main .midCol a.howitworks, #main .midCol a.howtojoin { display:block; text-indent:-99999em; width:120px; height:42px; background-position:top left; background-repeat:no-repeat; float:left; margin-top:3px;}
#main .midCol a.howitworks { background-image:url(/images/btn-welcome-howitworks.png); }
#main .midCol a.howtojoin { background-image:url(/images/btn-welcome-howtojoin.png); }
#main .midCol .newsfeed { background:url(/images/bg-newsfeed.png) no-repeat top left; height:41px; font-style:italic; font-size:22px; line-height:40px; vertical-align:middle;}
#main .midCol .slideshow { height:260px; position:relative; overflow:hidden; }
#main .midCol .slideshow  a#prev { background:url(/images/prev.png); display:block; width:33px; height:66px; text-indent:-99999em; outline:none; position:absolute; z-index:20; top:90px; }
#main .midCol .slideshow  a#next { background:url(/images/next.png); display:block; width:33px; height:66px; text-indent:-99999em; outline:none; position:absolute; z-index:20; top:90px; right:0; }
#main .midCol .slideshow ul#slides {list-style: none;}
#main .midCol .slideshow ul#slides li { margin:0 0 20px 0; }
#main .midCol .slideshow #pagination { width:100%; text-align:center; position:absolute; z-index:20; bottom:15px; }
#main .midCol .slideshow .pager { height:21px; width:21px; background:url(/images/bg-pager.png) top left no-repeat; display: inline-block; cursor:pointer; overflow:visible;}
#main .midCol .slideshow .activeSlide { background-position:bottom left; }

#main .rightCol { width:160px; float:left; overflow:hidden; }
#main .rightCol .fanBox { height:250px; background:url(/images/bg-sidenav-facebook.png) no-repeat top left; padding:5px; position:relative; overflow:hidden; }
#main .rightCol .fanBox #likebox-frame { z-index:10; overflow: hidden; position:relative; top:-1px; left:-2px; height:218px;}
#main .rightCol .fanBox #likebox-frame iframe { height: 216px;left: -1px; overflow: hidden; position: relative; top: -1px; width: 149px; z-index: 10; }

#main .mainColWrapper { width:760px; height:541px; background:url(/images/bg-main.png) no-repeat top left; float:left; margin-right:20px; overflow:hidden; }
#main .mainCol { height:541px; overflow:auto; font-size:14px; line-height:19px; position:relative; }
#main .mainCol p { margin: 0 0 15px; font-size:14px; line-height:19px; clear:both; }
#main .mainCol h2 { margin:15px 0; font-size:20px; text-transform:uppercase; font-weight:bold;}
#main .mainCol h3 { margin:15px 0; font-size:16px; text-transform:uppercase; font-weight:bold;}
#main .mainCol .indent { padding:25px 45px 0; }
#main .mainCol .indent2 { padding:60px 50px 0 100px; }
#main .mainCol a { color:#f0941c; font-style:italic; text-decoration:none; }
#main .mainCol a:hover { text-decoration:underline; }
#main .mainCol .howitworks { padding-left:20px; padding-right:20px; }
#main .mainCol .howitworks section img { float:left; }
#main .mainCol .howitworks section { width:320px; border-bottom:1px solid #c6c6c6; height:120px; margin-bottom:5px; }
#main .mainCol .howitworks section p { padding-top:10px; font-size:13px; line-height:16px; }
#main .mainCol .howitworks h2 { width:623px; height:76px; background:url(/images/hd-howitworks.gif) no-repeat top left; text-indent:-99999em; display:block; }
#main .mainCol .howitworks section.last { border:0; margin:0; }
#main .mainCol .custom { padding:0; list-style-type:none; }
#main .mainCol .custom li { min-height: 34px; height:auto !important; height:34px; padding-left: 54px; padding-top: 15px; background-position:top left; background-repeat: no-repeat; list-style-type:none; }
#main .mainCol .custom li.one { background-image:url(/images/bullet-1.gif); }
#main .mainCol .custom li.two { background-image:url(/images/bullet-2.gif); }
#main .mainCol .custom li.three { background-image:url(/images/bullet-3.gif); }
#main .mainCol ol { padding-left:35px;}
#main .mainCol ol li { list-style-type:decimal; }
#main .mainCol ul li { list-style-type:disc; }
#main .mainCol ol ul { padding-left:20px; }
#main .forgottenPass { background-image:url(/images/bg-forgottenpass.png); }
#main .contactus { background-image:url(/images/bg-contactus.png); }
#main .howtojoin { background-image:url(/images/bg-howtojoin.png); }
#main .register { background-image:url(/images/bg-register.png); }
#main .lostcard { background-image:url(/images/bg-lostcard.png); }
#main .lostcard .indent2 { padding-top:80px; }
#main .rugby { background-image:url(/images/bg-rugby.png); }
#main .monthlyprize { background-image:url(/images/bg-monthlyprize.jpg); }
#main .mainCol .monthlyprize { text-align:center; padding: 0 35px 0 335px; font-family:Arial, Helvetica, sans-serif; }
#main .mainCol .monthlyprize p { clear: both; font-size: 14px; line-height: 19px; margin: 0 0 15px; }
#main .mainCol .monthlyprize .note { font-size: 10px; line-height: 1em;}
#main .monthlyprize h1 { font-size:43px; color:#2A2C6C; line-height:43px; font-style: italic; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:65px; }
#main .monthlyprize h2, #main .monthlyprize h3 { font-size:58px; line-height:50px; color:#FFC500; font-weight:bold; font-style:italic; text-transform:none; }
#main .monthlyprize h3 { font-size:22px; line-height:22px; margin-bottom:20px; }
#main .mainCol .monthlyprize a { color:#2A2D6C; font-style:normal; text-decoration:underline; }
#main .iframe { overflow:hidden; }
#regions { display:none; }
#main .competition p { font-size:13px; margin:210px auto 0; width:650px; line-height:15px; }

/* forms css */
#main .mainCol .errorMessageBG { margin:15px 0; color:red; font-size:12px; text-align:center; }
#main .mainCol .errorMessageBG ol li { list-style-type:none; }
.regForm { width:352px; }
.regForm .medium { float:right; }
.updateForm .medium { width:172px; }
.updateForm table td { padding:5px 0; }
.updateForm .mobile .medium { width:120px; }
.regForm .mobile label { margin-right:10px; }
.regForm .mobile input, .regForm .mobile select { background:#ececec; border-color:#616160 #f0f0f0 #f0f0f0 #959593; border-width:1px; border-style:solid; }
#main .suggestion form { width:300px; }
#main .suggestion .medium { width:300px; }
#region { width:252px; }
.updateForm #region { width:175px; }
.refer { width:300px; }
.refer .medium { float:right; width:180px;}
/* Mr Perk css */
.perkSearch { width:314px; height:261px; background:url(/images/mrperk-search.jpg) no-repeat top left; }
.perkContact { width:342px; height:304px; background:url(/images/mrperk-contact.jpg) no-repeat top left; position:absolute; right:6px; top:80px;}
.perkBurger { width:341px; height:268px; background:url(/images/mrperk-burger.png) no-repeat top left; position:absolute; right:10px; top:136px; }
.perkLove { width:417px; height:279px; background:url(/images/mrperk-love.jpg) no-repeat top left; margin:0 auto; }

/* browser specific css */
.ie6 #main .midCol .slideshow ul#nav li#next { margin-left:274px; }
.ie6 #main .midCol .slideshow #pagination { display:none; }
.ie .updateForm .mobile .medium { width:115px; }
.ie6 .updateForm .mobile .medium, .ie7 .updateForm .mobile .medium { width:113px; }
.ie #main .midCol .slideshow { zoom:1;  }
.ie .regForm .mobile input { width:176px !important; }