/* Base */
body { background: #eee; margin:0 auto; overflow-x: hidden; }
form { font-family: "Open Sans"; font-size: 0.8em; color: #333; margin:0 auto; margin-top:0px; margin-bottom:0px; width:100%; line-height:1.4em; padding:0px; overflow-x:hidden; }
h1 { font-family: "Open Sans"; font-size: 2.0em; letter-spacing:0.02em; color: #A68B6B; font-weight: 300; margin-top:0px; margin-bottom:8px; text-transform: lowercase; line-height:1.3em; }
h2 { font-family: "Open Sans"; font-size: 2.0em; letter-spacing:0.02em; color: #A68B6B; font-weight: 300; margin-top:0px; margin-bottom:8px; text-transform: lowercase; line-height:1.3em; }
h3 { font-family: "Open Sans"; font-size: 1.3em; color: #A68B6B; font-weight: 300; margin-top:4px; margin-bottom:12px; line-height:1.4em; font-weight:bold; }
a:link, a:active, a:visited { text-decoration:underline; border:none; color: #968354;}
a:hover, a:active:hover, a:visited:hover { color: #DBBE7A; text-decoration:underline; border:none }
input[type="submit"] { -webkit-appearance: none; }
input[type="select"] { -webkit-appearance: none; }

/* Warning Message */
.warningmessage { position: fixed; top:0px; left:0px; background: #222; color: #fff; padding: 5px 20px; width:calc(100% - 40px); height:auto; z-index:3000; border-bottom: solid 1px #fff; text-align:center; }
.warningmessage a:link, .warningmessage a:active, .warningmessage a:visited { color: #ddd; transition:0.25s; }
.warningmessage a:link:hover, .warningmessage a:active:hover, .warningmessage a:visited:hover { color: #fff; }

/* Header */
#header { color: #A68B6B; position: fixed; z-index:2000; width:100%; background: #eee; top:52px;  }
#header .logo { float: left; width: 250px; padding-left:10px; text-align:left; }
#header .rightmenu { float: right; width: 600px; }
#header .rightmenuitem { float: left; width:calc(25% - 1px); margin-left:1px; background: #594731; color: #fff; text-transform:uppercase; letter-spacing:0.1em; text-align:center; font-size:1.1em; padding: 11px 0px; color: #fff; }
#header .rightmenuitem:hover { cursor: pointer; background: #897359; }
#header .rightmenuitemleft { float: left; width:calc(25% - 1px); margin-left:1px; background: #A68B6B; color: #fff; text-transform:uppercase; letter-spacing:0.1em; text-align:center; font-size:1.1em; padding: 11px 0px; color: #fff; }
#header .rightmenuitemleft:hover { cursor: pointer; background: #897359; }
#header .directionsicon { float: left; height:14px; padding:9px 35px; background: url(/images/base/directions.png) no-repeat; margin-top:40px; font-size:1.3em; font-family: Lato; font-weight:300; }
#header .telephoneicon { float: left; height:14px; padding:9px 40px; background: url(/images/base/telephone.png) no-repeat; margin-top:40px; margin-left:50px; font-size:1.3em; font-family:Lato; font-weight:300; }
#header .menuicon { position: absolute; right:10px; top:75px; }
#header .menuicon:hover { cursor: pointer; }
#header a:link, #header a:active, #header a:visited { text-decoration:none; color: #A68B6B }
a.anchor { display: block; position: relative; visibility: hidden; top:-130px; }

/* Pop out */
.popout { position: fixed; width: auto; height:auto; z-index:10000; left: 50%; top:50%;  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0, 1.0); -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0, 1.0); padding:5px; background:#fff; filter: blur(0); -webkit-filter: blur(0); backface-visibility: hidden; }
.popout a:link, .popout a:active, .popout a:visited { color: #fff; }
.popout img { width:100%; height:100%; }
.popout a:link:hover, .popout a:active:hover, .popout a:visited:hover { color: #000; }
.popout .clickarea { position:absolute; top:0px; left:0px; width:calc(100% - 50px); height:100%; }
.popout .clickarea:hover { cursor: pointer; }
.popout .advertimage { display:block; }
.popout .advertimage img { max-width:750px; }
.popout .advertimagemobile { display: none; width:360px; }
.closepopout { position:absolute; top:10px; right:10px; transition:0.25s; }
.closepopout:hover { cursor: pointer;	 opacity:0.75; }
#closepopout { position: absolute; left: 0; top:0; }
#openpopout { position: absolute; left: 0; top:0; }

/* Roll out menu */
.rolloutmenu { position: absolute; left:0; top:50px; width:100%; height:auto; background: #efefef; z-index:2000; min-height:100%; }
.rolloutmenu .rolloutmenuinner { padding: 10px 20px 30px 20px;  }
.rolloutmenu .logo { width: 100%; height:auto; border-bottom: solid 1px #A68B6B; text-align:center; position: relative; z-index:0; }
.rolloutmenu .close { position: absolute; top:20px; right:20px; z-index:100; }
.rolloutmenu .rolloutleft { float:left; width:33%; }
.rolloutmenu .rolloutcentre { float:left; width:33%; }
.rolloutmenu .rolloutright { float:left; width:33%; text-align:center; }
.rolloutmenu .menu { text-transform:uppercase; font-size:1.3em; left:50%; margin-left:-125px; width:250px; position: relative;  }
.rolloutmenu .menu ul {margin:0; padding:0; list-style-type: none; }
.rolloutmenu .menu li {}
.rolloutmenu .menu li a { padding: 15px 0px; text-align:center; display:block; color: #A68B6B; text-decoration:none; letter-spacing:0.04em; }
.rolloutmenu .menu li a:hover { color: #fff; text-decoration:none; background: #A68B6B; }
.rolloutmenu .rolloutbutton { width:200px; text-align:center; font-family: "Open Sans"; letter-spacing:0.04em; text-transform:uppercase; font-size:1.5em; background: #fff; padding:15px 0px; border: solid 1px #A68B6B; color: #A68B6B; margin-bottom:20px; left:50%; margin-left:-100px; position: relative; }
.rolloutmenu .rolloutbutton:hover { cursor: pointer; background: #A68B6B; color: #fff; }
.rolloutmenu .rolloutbutton2 { width:200px; text-align:center; font-family: "Open Sans"; letter-spacing:0.04em; text-transform:uppercase; font-size:1.5em; background: none; padding:15px 0px; border: solid 1px #A68B6B; color: #A68B6B; margin-bottom:20px; left:50%; margin-left:-100px; position: relative; }
.rolloutmenu .rolloutbutton2:hover { cursor: pointer; background: #A68B6B; color: #fff; }
.rolloutmenu .rolloutfooter { text-align:center; text-transform:none; color: #A68B6B; font-weight:300; margin-top:40px; font-size:1.2em; line-height:1.4em; }
.rolloutfooter .socialicons { position: relative; left:50%; margin-left:-70px; margin-top:20px; }
.rolloutfooter .socialicons img { height:20px; }

/* Base Menu */
.base { width:100%; background: #fff; padding:20px 0px 0px 0px; font-family:Lato, "Open Sans";  color: #A68B6B;  letter-spacing:0.02em; font-size:1.0em; }
.basemenu { float: left; width: 130px; padding: 0px 20px; padding-right:70px; border-right: solid 1px #ccc; margin-right:69px; margin-bottom:20px; }
.basemenu ul { margin:0; padding:0; list-style-type:none; }
.basemenu li { padding: 6px 0px; }
.basemenu li a { text-decoration:none;color: #A68B6B;  font-size:1.0em; }
.basemenu li a:hover { color: #897359; }
.emailsignup { float:left; width:280px; padding:0px 30px 0px 10px; margin-bottom:40px; }
.emailsignup .signuptext { margin-bottom:10px; line-height:1.7em;  font-size:1.0em;  }
.emailsignup .signupbox { margin-bottom:12px; }
.emailsignup .signupbox .input { border: solid 1px #ccc; border-radius:3px; padding: 3px; }
.emailsignup .button { background: #aaa; border: solid 1px #aaa; color:#fff; text-align:center; padding: 8px 25px; border-radius:5px; font-size:1.2em; }
.emailsignup .button:hover { cursor: pointer; background: #888; border: solid 1px #888; }
.social { float: left; width:calc(100% - 940px); margin-left:20px; margin-bottom:20px; min-width:220px; }
.socialicons .icon { float:left; margin-right:20px; margin-bottom:20px; }
.ta { float: left; margin-bottom:20px; margin-right:10px; }

/* Main Area */
#main { width:100%; top:130px; position: relative; background: #fff; margin-bottom:130px; }
.left { float: left; width:50%; padding:0px; line-height:1.6em; font-size:1.2em; font-weight:300;  }
.left h1 { text-transform:capitalize; font-weight:300; font-size:2.1em; font-family:Lato; }
.lefttext { padding:20px; padding-right:40px; }
.right { float: left; width:50%; font-size:1.2em; background:#fff; font-weight:300; line-height:1.6em; }
.right h1 { text-transform:capitalize; font-weight:300; font-size:2.1em; font-family:Lato; }
.right .title { float: left; width:120px; padding-top:2px; margin-bottom:10px; }
.right .value { float:left; width: calc(100% - 120px); margin-bottom:10px; }
.right .button { background: #A68B6B; padding: 12px 40px; color: #fff; font-family:Lato; font-size:1.2em; letter-spacing:0.08em; text-transform:uppercase; font-weight:400; border:0; }
.right .button:hover { cursor: pointer; background: #594731; }
.right .value .input { width:100%; max-width:300px; }
.right img { width:100%; }
.topright { background: #A68B6B; padding: 20px; color: #fff; }
.toprightleft { float:left; width:48%; min-width:225px; padding-right:0px; border-right: solid 1px #fff; }
.toprightright { float:left; width: 48%; }
.toprightrighttext { padding-left:20px; }
.topright h2 { color: #fff; margin-bottom:20px; font-weight:300; font-size:2.1em; }
.topright .hownear { font-size:1.5em; line-height:3.9em; min-height:320px; min-width:225px; padding-left:100px; background: url(/images/base/hownear.jpg) no-repeat; font-weight:300; }
.topright .tips { font-size:1.5em; font-weight:300; padding-top: 120px; background: url(/images/base/tips.jpg) no-repeat; min-width:120px; line-height:1.4em; }
.bottomright { width: 100%; margin-bottom:0px; background: #efefef; position: relative; }
.left .title { float: left; width:120px; padding-top:2px; margin-bottom:10px; }
.left .value { float:left; width: calc(100% - 120px); margin-bottom:10px; }
.left .button { background: #A68B6B; padding: 12px 40px; color: #fff; font-family:Lato; font-size:1.2em; letter-spacing:0.08em; text-transform:uppercase; font-weight:400; border:0; }
.left .button:hover { cursor: pointer; background: #594731; }
.left .value .input { width:100%; max-width:300px; }
.left img { width:100%; }

/* Map */
.map { width:100%; height:400px;  }

/* Links */
.links { font-size:1.0em; }
.link .link { margin-bottom:10px; }
.link h2 { font-weight:300; margin-bottom:6px; margin-top:0px; font-size:1.3em; }
.link .desc { margin-bottom:5px; }

/* Book Online */
.bookonline { width:calc(100% - 20px); background: #A68B6B; padding: 17px 0px 0px 20px; font-size:1.0em; text-transform:uppercase; }
.bookonline .bookonlinesection { float: left; margin-right:20px; }
.bookonline .bookonlinetitle { float:left; width:60px; padding-top:5px; color: #fff; }
.bookonline .bookonlinevalue { float: left; }
.bookonline .bookonlinebook { float: right; }
.bookonline .input { border: solid 1px #E2CBB1; border-radius:0px; background: #A68B6B; padding: 2px 8px; color: #fff; text-transform:uppercase; -webkit-appearance:none; }
.bookonline .input:focus { outline:none; }
.bookonline .button { margin-top:-17px; padding: 21px; background: #594731; color: #fff; text-transform:uppercase; letter-spacing:0.04em; font-size:1.2em; border:0; -webkit-appearance:none; -webkit-border-radius:0; }
.bookonline .button:hover { cursor: pointer; background: #897359; }
.bookonline .button:focus { outline:none;  }
.bookonline .icon { float: left; margin-right:10px; margin-top:-3px; }

/* Book a Table */
.bookatable { margin-top:30px; margin-bottom:50px; }
.bookatable h2 { text-transform:capitalize; margin-bottom:20px; }
.bookatable .title { float:left; width: 100px; margin-bottom:10px; padding-top:4px; }
.bookatable .value { float:left; width:calc(100% - 100px); margin-bottom:10px; }
.bookatable .value .input { width:100%; max-width:300px; font-weight:300; padding:4px }

/* Footer */
#instagram { padding: 20px; font-size: 2.0em; letter-spacing:0.02em; color: #8C8C75; font-weight: 300;  text-align:center; line-height:1.5em; border-top: solid 1px #eee; margin-top:20px; }
#footer { color: #A68B6B; margin-top:0px; padding: 20px 20px; width: calc(100% - 40px); font-family: "Open Sans"; overflow:hidden; line-height:1.8em; text-align:left; font-size:1.1em; }
#footer a:link, #footer a:active, #footer a:visited { color: #555; transition:0.25s; }
#footer a:link:hover, #footer a:active:hover, #footer a:visited:hover { color: #aaa; }
#footer .footertext { margin-bottom:30px; color: #555; }
#footer .footericon { float:left; margin-right:40px; }
#footer .footercopyright { float: left; line-height:1.6em; margin-top:40px; color: #555; }

/* Text */
.textholder { left:50%; width:90%; max-width:800px; position: relative; padding:20px 0px; }
.textholder2 { padding: 20px 40px; width:calc(100% - 80px); background: #efefef; font-size:1.2em; font-family:"Open Sans"; font-weight:300; }
.textholder2 h2 { text-transform:none; font-size:2.5em; }
.textholder2 .leftcolumn { float: left; width:50%; }
.textholder2 .rightcolumn { float: left; width:50%; }
.textholder3 { padding: 20px 0px; width:800px; position: relative; left:50%; margin-left:-400px; background: #fff; font-size:1.2em; font-family:"Open Sans"; font-weight:300; line-height:1.4em; }
.textholder3 h1 { text-transform:none; }
.featureicon { margin-right:15px; }
.text { position: relative; margin-left:-50%; width:100%; font-weight:300;  }
.textheader h1 { margin-top:-120px; height:120px; margin-bottom:0px; width:100%; color: #fff; font-size:3.8em; letter-spacing:0.02em; font-weight:300; text-align:center; position: relative; z-index:1000; text-transform:capitalize; }
.textholder h1 { font-weight:300; text-transform:capitalize; font-size:2.5em; }
.textholder h3 { font-weight:300; text-transform:capitalize; font-size:1.5em; }
.textholder .button { background: #A68B6B; padding: 12px 40px; color: #fff; font-family:Lato; font-size:1.2em; letter-spacing:0.08em; text-transform:uppercase; font-weight:400; border:0; }
.textholder .button:hover { cursor: pointer; background: #594731; }
.textholder a[target="_self"]:link, .textholder a[target="_self"]:active, .textholder a[target="_self"]:visited { padding:14px 30px; text-align:center; color: #fff; background: #A68B6B; text-decoration:none; text-transform: uppercase; letter-spacing:0.04em; font-weight:400; font-size:1.4em; }
.textholder a[target="_self"]:link:hover, .textholder a[target="_self"]:active:hover, .textholder a[target="_self"]:visited:hover { text-decoration:none; background: #594731; }

/* Photo Caption */
.photocaption { float: left; margin:5px; background: #efefef; width: calc(50% - 10px); height:350px; overflow:hidden; position: relative; }
.photocaption { cursor: pointer; }
.photocaption img { min-width:600px; }
.photocaption .desc { position: absolute; bottom: 0px; height:auto; width:100%; text-align:center; z-index:1000; pointer-events:none; }
.photocaption .captiontitle { font-family: Impact; font-size:2.6em; position: relative; margin-bottom:30px; padding-bottom:0px; color: #fff; font-weight:400; font-family: Oswald; z-index:0; line-height:1.2em; }
.photocaption a:link, .photocaption a:active, .photocaption a:visited { color: #fff; text-decoration:none; text-transform:uppercase; }
.photocaption a:link:hover, .photocaption a:active:hover, .photocaption a:visited:hover { color: #fff; text-decoration:underline; }
.photocaption .details { color: #fff; padding: 0px 20px; position: relative; font-size:1.2em; font-weight:300; line-height:1.4em; overflow:hidden; background:url(/images/base/captionbg.png) repeat-x;  }

/* Pictures */
.pic { width:100%; }
.pic img { width:100%; }

/* Home captions */
.caption1 { float:left; width:50%; min-height:250px; overflow:hidden; padding:0px; background: #fff; font-size:1.2em; line-height:1.5em; }
.caption2 { float:right; width:50%; min-height:250px; overflow:hidden; padding:0px; background: #A68B6B; color: #fff; font-size:1.2em; line-height:1.5em; }
.quote .caption2 { padding:0px; width:50%; color: #fff; font-size:1.8em; font-style: italic; line-height:1.8em; background: #A68B6B; }
.caption1w70 { float:left; width:70%; min-height:220px; overflow:hidden; padding:0px; background: #fff; font-size:1.2em; line-height:1.5em; }
.caption2w30 { float:left; width:30%; min-height:220px; overflow:hidden; padding:0px; background: #A68B6B; color: #fff; font-size:1.2em; line-height:1.5em; }
.caption3 { float:left; width:50%; background: #fff; font-size:1.2em; line-height:1.5em; }
.caption2 h2 { color: #fff; }
.caption2w30 h2 { color: #fff; }
.captionlink { margin-top:60px; }
.caption1 p { width:100%; }
.caption1 .button { background: #A68B6B; padding: 14px; color: #fff; text-transform: uppercase; letter-spacing:0.04em; border:0; border-radius:0; min-width:200px; }
.caption1 .button:hover { background: #897359; cursor: pointer; }
.caption1w70 .button { background: #A68B6B; padding: 14px; color: #fff; text-transform: uppercase; letter-spacing:0.04em; border:0; border-radius:0; min-width:200px; }
.caption1w70 .button:hover { background: #897359; cursor: pointer; }
.caption2 .button { background: #fff; padding: 14px; color: #A68B6B; text-transform: uppercase; letter-spacing:0.04em; border:0; border-radius:0; min-width:200px; }
.caption2 .button:hover { background: #eee; cursor: pointer; }
.caption2w30 .button { background: #fff; padding: 14px; color: #A68B6B; text-transform: uppercase; letter-spacing:0.04em; border:0; border-radius:0; min-width:200px; }
.caption2w30 .button:hover { background: #eee; cursor: pointer; }
.caption3 img { width:100%; min-height:260px; }
.caption3 img:hover { cursor: pointer; }
.captiontext { padding:20px; min-height:120px; font-weight:300; color: #A68B6B; }
.quote .captiontext { padding:40px; }
.captiontext h2 { font-weight:300; font-size:1.8em; text-transform:none; }
.caption2 .captiontext { color: #fff; }
.caption2w30 .captiontext { color: #fff; }
.captiontext a[target="_self"]:link, .captiontext a[target="_self"]:active, .captiontext a[target="_self"]:visited { padding:14px 30px; text-align:center; color: #fff; background: #A68B6B; text-decoration:none; text-transform: uppercase; letter-spacing:0.04em; font-weight:400; font-size:1.2em; }
.captiontext a[target="_self"]:link:hover, .captiontext a[target="_self"]:active:hover, .captiontext a[target="_self"]:visited:hover { text-decoration:none; background: #897359; }
.caption2 .captiontext a[target="_self"]:link, .caption2 .captiontext a[target="_self"]:active, .caption2 .captiontext a[target="_self"]:visited { background: #fff; color: #A68B6B; font-weight:400; font-size:1.2em; }
.caption2 .captiontext a[target="_self"]:link:hover, .caption2 .captiontext a:[target="_self"]active:hover, .caption2 .captiontext a[target="_self"]:visited:hover { background: #eee; }
.caption2w30 .captiontext a[target="_self"]:link, .caption2w30 .captiontext a[target="_self"]:active, .caption2w30 .captiontext a[target="_self"]:visited { background: #fff; color: #A68B6B; font-weight:400; font-size:1.2em; }
.caption2w30 .captiontext a[target="_self"]:link:hover, .caption2w30 .captiontext a[target="_self"]:active:hover, .caption2w30 .captiontext a[target="_self"]:visited:hover { background: #eee; }

/* Photo Gallery */
.galleryheader{ width:100%; text-align:center; color: #fff; padding:20px 0px; background: #A68B6B; }
.galleryheader h1 { text-transform:none; color: #fff; }
.photogallery { width:100%; z-index:0; position: relative; height:800px; margin-bottom:0px; }
.photogallery .photos { width: 100%; height:100%; }
.photogallery .photo { width: 100%; }
.photogallery .photo img { width: 100%; }
.photogallery .options { top: calc(50% - 20px); z-index:50; height:0px; width:100%; position: absolute; display:block; }
.photogallery .options .moveleft { margin-left:10px; float: left; }
.photogallery .options .moveright { margin-right:10px; float: right; }
.photogallery .options img:hover { cursor: pointer; }
.photogallery .options .title { margin-top:75px; margin-left:20px; color: #fff; font-weight: bold; font-family: "Open Sans"; }
.photogallery .labels { position: relative; bottom:50px; z-index:120; position: relative; left: 50%; height:30px; }
.photogallery .labels .label { float: left; width:20px; height:20px; margin-right:2px; background: url(/images/base/photolabel.png); z-index: 100;  }
.photogallery .labels .label:hover { background: url(/images/base/photolabelselected.png); cursor: pointer; }
.photogallery .labels .selectedlabel { float: left; width:20px; height:20px; margin-right:2px; background: url(/images/base/photolabelselected.png); z-index: 200; }
.thumbnails { padding: 0px 20px; width: calc(100% - 20px); background: #A68B6B; margin-left:-20px; }
.thumbnail { float: left; margin-left:20px; background:#fff; padding:1px; margin-bottom:20px; }
.thumbnail:hover { cursor: pointer; }
.thumbnail img { width:100px; }

/* Room Captions */
.roomcaption { float: left; width:260px; margin: 20px; margin-bottom:20px; text-align:center;  }
.roomcaption:hover { cursor: pointer; }
.roomcaption .roomcaptionphoto { width:100%; }
.roomcaption .roomcaptionphoto img { width:100%; height:172px; }
.roomcaption h2 { font-weight:300; margin-top: 15px; font-size:1.4em; color: #594731; text-transform:capitalize; }
.roomcaption:hover h2 { color: #aaa; }
.roomcaption .roomlink { margin-top:0px; }
.roomcaption a:link, .roomcaption a:active, .roomcaption a:visited { padding:14px 30px; text-align:center; color: #fff; background: #5C4770; text-decoration:none; text-transform: uppercase; letter-spacing:0.08em; font-weight:400; font-size:1.2em; }
.roomcaption a:link:hover, .roomcaption a:active:hover, .roomcaption a:visited:hover { text-decoration:none; background: #594731; }

/* Menu Buttons */
.menubutton { background: #aaa; padding: 12px 0px; float:left; width:calc(25% - 1px); margin-right:1px; margin-bottom:1px; min-width:150px; color: #fff; font-family:Lato; font-size:1.4em; letter-spacing:0.08em; text-transform:uppercase; font-weight:400; border:0; }
.menubutton:hover { cursor: pointer; background: #A68B6B; }
.menubutton:focus { outline:none; }
.menubuttonselected { background: #A68B6B; padding: 12px 0px; float:left; width:calc(25% - 1px); margin-right:1px; margin-bottom:1px; min-width:150px; color: #fff; font-family:Lato; font-size:1.4em; letter-spacing:0.08em; text-transform:uppercase; font-weight:400; border:0; }
.menubuttonselected:hover { cursor: default; background: #A68B6B; }
.menubuttonselected:focus { outline:none; }
.samplemenu { padding: 20px; text-align:center; }
.samplemenu h2 { font-weight:300; }
.samplemenuheader { margin-bottom:30px; }
.samplemenu .download { margin-bottom:20px; }
.weddingbrochure { margin-bottom:10px; }

/* Gift Vouchers */
.giftvouchercaption { position: relative; top:-280px; left:50%; margin-left:-380px; background:url(/images/base/giftvouchercaptionbg.png); padding:20px; width:720px; }
.giftvouchercaption h1 {  text-transform:uppercase; font-size:1.8em; text-align:center; font-weight:500; margin-bottom:0px; }
.giftvouchercaption h3 { text-transform:uppercase; font-size:1.4em; text-align:center; font-weight:300; margin-bottom:0px; margin-top:20px; }
.giftvouchers { margin-left:-90px; width:calc(100% + 180px);  text-align:center; top:0px; position: relative; }
.giftvouchers h1 { color: #444; background: none; text-transform:uppercase; font-size:1.8em; text-align:center; margin-top:20px; font-weight:500; }
.giftvouchers h2 { color: #444; background: none; text-transform:uppercase; font-size:1.5em; text-align:left; margin-top:0px; font-weight:500; }
.giftvouchers h3 { color: #888; background: none; text-transform:uppercase; font-size:1.4em; text-align:center; }
.giftvouchers .leftcaption { float:left; width:150px; margin-right:0px; background: #f8f8f8; padding:15px; height:252px; }
.giftvouchers .browsebycategory { margin-top:74px; background: #A68B6B; padding: 5px 10px; color: #fff; text-transform:uppercase; font-size:1.2em; text-align:center;  transition:0.5s;  }
.giftvouchers .browsebycategory:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .browsebycategory a:link, .giftvouchers .browsebycategory a:active, .giftvouchers .browsebycategory a:visited { text-decoration:none; color: #fff; font-weight:500; }
.giftvouchers .vouchercategory { display:inline-block; width:269px; margin-left:20px; margin-right:20px; margin-bottom:40px; height: 400px; overflow:hidden; color: #222; border: solid 1px #ddd; position: relative; }
.giftvouchers .vouchercategory:hover { cursor: pointer; }
.giftvouchers .vouchercategory h2 { text-transform:none; font-size:1.5em; font-weight:300; text-align:left; margin:10px; font-family:"Open Sans"; letter-spacing:0; transition-duration:0.5s; -webkit-transition-duration:0.5s;  }
.giftvouchers .vouchercategory h3 { color: #888; text-transform:none; font-size:1.0em; font-weight:300; text-align:left; margin:0px 10px; font-family:"Open Sans"; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.giftvouchers .vouchercategory h4 { background: #A68B6B; padding: 10px 20px; color: #fff; font-weight:400; font-size:1.3em; text-transform:uppercase; width:120px; text-align:center; position: absolute; bottom:10px; margin-bottom:0px; right:10px; height:25px; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.giftvouchers .vouchercategory h4:hover { background: #594731; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.giftvouchers .vouchercategory:hover h2 { color: #7D874A; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.giftvouchers .vouchercategory:hover h3 { color: #7D874A; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
.giftvouchers .vouchercategory .pic { width:300px; height:210px; overflow:hidden; position: relative; background:#000; }
.giftvouchers .vouchercategory img { width:360px; transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.giftvouchers .faq { position: relative; left:50%; margin-left:-300px; width:600px; border-top: solid 0px #A68B6B; border-bottom: solid 0px #A68B6B; padding: 20px 0px; text-align:left; color: #594731; margin-top:40px; }
.giftvouchers .faqheader { margin-bottom:20px; }
.giftvouchers .faqheader h2 { text-align:center; font-size:2.0em; color: #A68B6B; transition:0.25s;  }
.giftvouchers .faqheader h2:hover { color: #594731; transition:0.25s; }
.giftvouchers .faqheader:hover { cursor: pointer; }
.giftvouchers .faq { position: relative; left:50%; margin-left:-300px; width:600px; padding: 0px 0px; text-align:left; color: #556670; margin-top:40px; max-height:0px; overflow:hidden; transition:0.75s;  }
.giftvouchers .faq.open { max-height:1000px; transition:0.75s; overflow:visible; }
.giftvouchers .faq h1 { margin-top:0px; text-align:left; margin-bottom:30px; color: #757A65; }
.giftvouchers .faq h3 { text-transform:none; text-align:left; font-size:1.3em; font-weight:500; }
/*.giftvouchers .vouchercategory img:hover { width:390px; transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; }*/
.giftvouchers .bestselling { margin-left:-30px; margin-top:30px; }
.giftvouchers .bestselling .voucheroption { float:left; width:calc(50% - 32px); margin-left:30px; border: solid 1px #ddd; height:200px; position: relative; }
.giftvouchers .bestselling .voucheroption .pic { width:200px; margin-right:0px; float:left; overflow:hidden; height:200px; position: relative; background:#000; }
.giftvouchers .bestselling .voucheroption .pic img { width:360px; transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
.giftvouchers .bestselling .voucheroption .pic img:hover { width:390px; transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; cursor:pointer; }
.giftvouchers .bestselling .voucheroption .desc { padding:10px 15px; width:calc(100% - 230px); float:left;  font-size:0.9em; text-align:left; line-height:1.5em; }
.giftvouchers .bestselling .voucheroption .desc h2 { text-transform:none; letter-spacing:0em; }
.giftvouchers .bestselling .voucheroption .button { position:absolute; bottom:15px; width:130px; padding: 10px 14px; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em; }
.giftvouchers .bestselling .voucheroption .button:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .bestselling .voucheroption a:link, .giftvouchers .bestselling .voucheroption a:active, .giftvouchers .bestselling .voucheroption a:visited { color: #fff; text-decoration:none; }
.giftvouchers .leftpanel { float:left; width:calc(50% - 20px); margin-right:40px; }
.giftvouchers .rightpanel { float:right; width:calc(50% - 20px); }
.giftvouchers .leftpanel h3, .giftvouchers .rightpanel h3 { font-size:1.3em; }
.giftvouchers .clear { clear:both; height:0px; }
.giftvouchers .featured { margin-top: 20px; }
.giftvouchers .featured .pic { width:100%; height: 300px; overflow:hidden; background:#000; }
.giftvouchers .featured .pic img { width:100%; height:auto; opacity:1.0; transition:0.5s; }
.giftvouchers .featured .pic img:hover { width:100%; height:auto; opacity:0.8; transition:0.5s; cursor:pointer; }
.giftvouchers .featured .details { background: #A68B6B; width:calc(100% - 20px); padding:10px; height:110px; color: #fff; text-align:center; transition:0.5s; }
.giftvouchers .featured .details h3 { color: #fff; margin-top:0px; margin-bottom:-5px; }
.giftvouchers .featured .details:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .breadcrumb { margin:15px 0px; font-size:1.2em; text-transform:uppercase; color: #594731; text-align:left; }
.giftvouchers .breadcrumb a:link, .giftvouchers .breadcrumb a:active, .giftvouchers .breadcrumb a:visited { text-decoration:none; color: #A68B6B; transition:0.5s; font-weight:300; text-decoration:none; }
.giftvouchers .breadcrumb a:link:hover, .giftvouchers .breadcrumb a:active:hover, .giftvouchers .breadcrumb a:visited:hover { color: #594731; transition:0.5s; }
.giftvouchers .controlpanel { background: #f4f4f4; padding:10px; width:calc(100% - 20px); margin-bottom:0px; font-size:0.9em; position: relative; z-index:1000; }
.giftvouchers .controlpanel h1 { text-align:left; margin-bottom:0px; margin-top:0px; text-transform:none; }
.giftvouchers .controlpanel h3 { text-align:left; margin-bottom:0px; margin-top:-2px; font-size:1.1em; text-transform:none; }
.giftvouchers .controlpanel .left { width:50%; float:left; }
.giftvouchers .controlpanel .centre { width:25%; float:left; text-align:left; }
.giftvouchers .controlpanel .right { width:25%; float:left; background:none; text-align:right; position:relative; }
.giftvouchers .controlpanel .basket { padding-left: 44px; background:url(/images/base/basket.png) no-repeat; background-position: left; text-transform: none; font-weight:300; font-size:1.65em; margin-top:15px; padding-top:3px; padding-bottom:4px; }
.giftvouchers .controlpanel .basket a:link, .giftvouchers .controlpanel .basket a:active, .giftvouchers .controlpanel .basket a:visited { color: #594731; text-decoration:none; transition:0.5s; }
.giftvouchers .controlpanel .basket a:link:hover, .giftvouchers .controlpanel .basket a:active:hover, .giftvouchers .controlpanel .basket a:visited:hover { color: #A68B6B; transition:0.5s;}
.giftvouchers .controlpanel .categoryselect { padding-right: 30px; background:url(/images/base/vouchercategories.png) no-repeat; background-position: right; text-transform: none; font-weight:300; font-size:1.4em; margin-top:17px; color: #594731;  }
.giftvouchers .controlpanel .categoryselect:hover { cursor: pointer; color: #594731; }
.giftvouchers .controlpanel .categoryholder { position: absolute; top:50px; right:0px; background: #fff; border: solid 1px #ccc; border-radius:3px; padding: 5px 10px; text-align:left; width:150px; font-size:0.9em; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.giftvouchers .controlpanel .categoryholder .separator { margin-bottom:6px; border-bottom: solid 1px #ddd; padding-bottom:6px; margin-left:-10px; width:calc(100% + 20px); }
.giftvouchers .controlpanel .categoryholder .link { margin-left:-10px; width:calc(100% + 20px); }
.giftvouchers .controlpanel .categoryholder .link a:link, .giftvouchers .controlpanel .categoryholder .link a:active, .giftvouchers .controlpanel .categoryholder .link a:visited { padding: 3px 10px; text-decoration:none; display:block; color: #444; }
.giftvouchers .controlpanel .categoryholder .link a:link:hover, .giftvouchers .controlpanel .categoryholder .link a:active:hover, .giftvouchers .controlpanel .categoryholder .link a:visited:hover { background: #f4f4f4; color: #888; }
.giftvouchers .controlpanel .clear { clear:both; height:0px; }
.giftvouchers .voucheroptions { margin-left:-25px; }
.giftvouchers .voucheroptions .voucheroption { float:left; width:calc(33% - 25px); margin-left:25px; margin-bottom:25px; border: solid 1px #ddd; height:580px; position: relative; }
.giftvouchers .voucheroptions .voucheroption .pic { width:100%; margin-right:0px; overflow:hidden; height:230px; position: relative; background:#000; }
.giftvouchers .voucheroptions .voucheroption .pic img { width:360px; transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
/*.giftvouchers .voucheroptions .voucheroption .pic img:hover { width:400px; transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; cursor:pointer; }*/
.giftvouchers .voucheroptions .voucheroption .desc { padding:10px 15px; width:calc(100% - 30px); text-align:left; line-height:1.5em; font-size:1.0em; }
.giftvouchers .voucheroptions .voucheroption .desc h2 { text-transform:none; letter-spacing:0em; font-size:1.6em; font-weight:300; }
.giftvouchers .voucheroptions .voucheroption .button { position:absolute; bottom:10px; left:10px; padding: 0px; transition:0.5s; text-align:center; letter-spacing:0.02em; font-size:1.2em; }
.giftvouchers .voucheroptions .voucheroption .button .input { background: #A68B6B; padding: 10px; font-size:1.2em; color: #fff; transition:0.25s; font-family:"Open Sans"; border:none; text-transform:uppercase; width:120px;  }
.giftvouchers .voucheroptions .voucheroption .button .input:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .voucheroptions .voucheroption .button2 { position:absolute; bottom:9px; right:10px; padding: 0px; transition:0.5s; text-align:center; letter-spacing:0.02em; font-size:1.2em; }
.giftvouchers .voucheroptions .voucheroption .button2 .input { background: #fff; padding: 10px; font-size:1.2em; color: #594731; transition:0.25s; font-family:"Open Sans"; border:solid 1px #594731; text-transform:uppercase; width:120px;  }
.giftvouchers .voucheroptions .voucheroption .button2 .input:hover { background: #594731; transition:0.5s; cursor: pointer; color: #fff; }
.giftvouchers .voucheroptions .voucheroption .price { position:absolute; bottom:70px; color: #000; font-size:1.8em; font-weight:600; }
.giftvouchers .voucheroptions .voucheroption .perperson { margin-top:1px; color: #666; font-weight:400; font-size:0.6em; letter-spacing:0.05em; text-transform:uppercase;  }
.giftvouchers .voucheroptions .voucheroption .button input:focus, .giftvouchers .voucheroptions .voucheroption .button2 input:focus { outline:none; }
.giftvouchers .categories { margin-left:-25px; }
.giftvouchers .categories .category { float:left; width:calc(33% - 25px); margin-left:25px; margin-bottom:25px; border: solid 1px #ddd; height:380px; position: relative; }
.giftvouchers .categories .category .pic { width:100%; margin-right:0px; overflow:hidden; height:230px; position: relative; background:#000; }
.giftvouchers .categories .category .pic img { width:400px; transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
/*.giftvouchers .categories .category .pic img:hover { width:450px; transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; cursor:pointer; }*/
.giftvouchers .categories .category .desc { padding:10px 15px; width:calc(100% - 30px); text-align:left; line-height:1.5em; font-size:1.0em; }
.giftvouchers .categories .category .desc a:link, .giftvouchers .categories .category .desc a:active, .giftvouchers .categories .category .desc a:visited { color: #444; padding:0px; }
.giftvouchers .categories .category .desc h2 { text-transform:none; letter-spacing:0em; font-size:1.6em; }
.giftvouchers .categories .category .button { position:absolute; bottom:10px; left:10px;  transition:0.5s; text-align:center; letter-spacing:0.02em; font-size:1.2em; padding:10px; background: #A68B6B; }
.giftvouchers .categories .category .button:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .categories .category .button a:link, .giftvouchers .categories .category .button a:active, .giftvouchers .categories .category .button a:visited { color: #fff; }
.giftvouchers .categories .category a:link, .giftvouchers .categories .category a:active, .giftvouchers .categories .category a:visited { color: #fff; text-decoration:none; padding:12px 12px; width:120px; display:block; }
.giftvouchers .voucherdetails { margin-top:20px; background: #f4f4f4; }
.giftvouchers .voucherdetails .left { float:left; width: 580px; margin-right:60px; }
.giftvouchers .voucherdetails .left .pic { width:100%; }
.giftvouchers .voucherdetails .left .pic img { width:100%; }
.giftvouchers .voucherdetails .right { float:left; width: calc(100% - 680px); background:#f4f4f4; margin-left:20px; }
.giftvouchers .voucherdetails .featured { margin-top: 0px; margin-bottom:20px; }
.giftvouchers .voucherdetails .featured .pic { width:100%; height: auto; overflow:hidden; background:#000; }
.giftvouchers .voucherdetails .featured .pic img { width:100%; height:auto; opacity:1.0; transition:0.5s; }
.giftvouchers .voucherdetails .featured .pic img:hover { width:100%; height:auto; opacity:0.8; transition:0.5s; cursor:pointer; }
.giftvouchers .voucherdetails .featured .details { background: #A68B6B; width:calc(100% - 20px); padding:10px; height:90px; color: #fff; text-align:center; transition:0.5s; }
.giftvouchers .voucherdetails .featured .details h1 { color: #fff; margin-top:0px; margin-bottom:10px; font-size:1.5em; text-align:center; }
.giftvouchers .voucherdetails .featured .details h3 { color: #fff; margin-top:0px; font-size:1.0em; letter-spacing:0.02em; }
.giftvouchers .voucherdetails .featured .details:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .voucherdetails .details { padding: 20px; calc(100% - 40px); background: #f4f4f4; font-size:0.9em; text-align:left; line-height:1.5em; position: relative; }
.giftvouchers .voucherdetails .details h1 { text-align:left; margin-top:0px; }
.giftvouchers .voucherdetails .details .desc { margin-bottom:40px; line-height:1.5em; }
.giftvouchers .voucherdetails .details .price { position:relative; margin-top:20px;color: #000; font-size:1.8em; font-weight:600; }
.giftvouchers .voucherdetails .details .perperson { margin-top:5px; color: #666; font-weight:400; font-size:0.5em; letter-spacing:0.05em; text-transform:uppercase; }
.giftvouchers .voucherdetails .right .buy { position:relative; margin:20px; margin-left:0px; text-align:right; background:none; }
.giftvouchers .voucherdetails .right .basket { position:relative; margin:20px; margin-left:0px; text-align:right; background:none;}
.giftvouchers .voucherdetails .right .input { width:100%; padding: 9px 14px 9px 14px; text-transform:uppercase; border:none; color: #fff; font-size:1.2em; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em;  }
.giftvouchers .voucherdetails .right .input:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .voucherdetails .right .input:focus { outline:none; }
.giftvouchers .voucherdetails .right .buy .input { border: solid 1px #594731; background: #fff; color: #594731; }
.giftvouchers .voucherdetails .right .buy .input:hover { background:#594731; color: #fff; }
.giftvouchers .voucherdetails .left .delivery { text-align:left; background: #594731; padding: 10px 15px; line-height:1.5em; color: #fff; text-transform:uppercase; font-size:1.2em; font-weight:400; margin:0px 20px; }
.giftvouchers .voucherdetails .right .delivery { text-align:left; margin-top:0px; width:calc(100% - 20px); font-size:0.9em; line-height:1.5em }
.giftvouchers .voucherdetails .right .delivery h3 { font-weight:500; margin-top:0px; text-align:left; font-size:1.8em; color: #222; }
.giftvouchers .voucherdetails .right .delivery li { margin-left:-22px; margin-bottom:10px; }
.giftvouchers .voucherdetails .left .terms {  text-align:left; margin:40px 20px; font-size:0.9em; }
.giftvouchers .voucherdetails .left .terms h1 { text-align:left; letter-spacing:0em; }
.giftvouchers .popupbg { position: fixed; left:0px; top:0px; background: #000; width:100%; height:100%; z-index:10000; font-size:1.0em; }
.giftvouchers .popup { position: relative; left:50%; top:50%; margin-left:-300px; margin-top:-240px; padding:20px; width:560px; height:440px; background:#fff; border: solid 1px #fff; border-radius:5px; text-align:left; overflow-y:auto; }
.giftvouchers .popup h1 { text-align:left; margin-top:0px; margin-bottom:20px; }
.giftvouchers .popup h3 { text-align:left; margin-bottom:7px; text-transform:none; color: #444; font-weight:bold; }
.giftvouchers .popup .close { position: absolute; top:10px; right:10px; font-size:2.4em; color: #444; font-weight:600; background:url(/images/base/voucherfaqclose.png); width:50px; height:50px; }
.giftvouchers .popup .close:hover { cursor: pointer; background:url(/images/base/voucherfaqclose_hover.png);}
.giftvouchers .popup p { margin-top:0px; }
.giftvouchers .checkout .item { border: solid 1px #ccc; padding:20px; width:calc(100% - 42px); margin-top:20px; font-size:1.2em; }
.giftvouchers .checkout .subitem { position:relative; text-align:left; }
.giftvouchers .checkout .item .name { float:left; width:700px; margin-right:50px; font-size:1.2em; }
.giftvouchers .checkout .item .price { float: right; width:calc(100% - 750px); font-size:1.4em; font-weight:600; text-align:right;  }
.giftvouchers .checkout .item .clear { clear:both; height:0px; }
.giftvouchers .checkout .subitem h3 { text-align:left; text-transform:none; font-size:1.0em; padding-top:10px; margin-top:12px; border-top: solid 1px #eee; color: #000; }
.giftvouchers .checkout .subitem .input { border: solid 1px #ddd; border-radius:4px; padding: 7px 10px; color: #aaa; width:calc(100% - 22px); font-weight:300; margin-bottom:10px; }
.giftvouchers .checkout .subitem .input2 { border: solid 1px #ddd; border-radius:4px; padding: 4px 10px; color: #222; width:250px; font-weight:300; margin-bottom:10px; background:#fff; font-size:1.0em; }
.giftvouchers .checkout .button { width:130px; padding: 9px 14px 9px 14px; text-transform:uppercase; border:none; color: #fff; font-size:0.9em; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em; width:auto; margin-top:20px; position:absolute; bottom:0px; right:0px;  }
.giftvouchers .checkout .button:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .checkout .totals { float:right; text-align:right; font-size:1.4em; font-weight:500; margin-top:15px; line-height:1.5em; letter-spacing:0.02em; text-transform: uppercase; color: #999; }
.giftvouchers .checkout .total { font-size:1.2em; margin-top:7px; padding-top:9px; border-top: solid 1px #eee; color: #222; }
.giftvouchers .checkout .continue { width:130px; padding: 7px 14px 7px 14px; text-transform:uppercase; border:none; color: #fff; font-size:1.1em; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em; width:auto; margin-top:20px; font-family:"Open Sans"; border:0;  }
.giftvouchers .checkout .continue:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .checkout .remove { font-size:1.0em; position: absolute; bottom:0px; right:0px; }
.giftvouchers .checkout .reduced { text-decoration: line-through; color: #ccc; font-weight:400; }
.giftvouchers .checkout .specialoffers { float:left; text-align:left; margin-top:20px; background:#f4f4f4; padding:20px; padding-top:10px; }
.giftvouchers .checkout .specialoffers h3 { margin-top:0px; font-size:1.5em;  }
.giftvouchers .checkout .specialoffers .label { margin-bottom:4px; }
.giftvouchers .yourdetails { margin-left:0px; margin-top:30px; }
.giftvouchers .yourdetails .item1 { float:left; margin-left:30px; }
.giftvouchers .yourdetails .item2 { float:left; margin-left:30px; }
.giftvouchers .yourdetails .title { color: #222; margin-bottom:6px; } 
.giftvouchers .yourdetails .value .input { background: #f4f4f4; border: solid 1px #ccc; padding: 10px; font-size:1.4em; color: #222; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out; max-width:calc(100% - 20px); }
.giftvouchers .yourdetails .value .input:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1);  }
.giftvouchers .yourdetails .continue { margin-left:30px; }
.giftvouchers .yourdetails .continue .button { width:auto; padding: 7px 14px 7px 14px; text-transform:uppercase; border:none; color: #fff; font-size:1.4em; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em; width:auto; margin-top:20px; font-family:"Open Sans"; }
.giftvouchers .yourdetails .continue .button:hover { background: #594731; transition:0.5s; cursor: pointer; }
.giftvouchers .yourdetails .continue .button:disabled { background: #e7e7e7; transition:0.5s; }
.giftvouchers .yourdetails .warning { color: #dd0000; font-size:0.9em; }
.giftvouchers .yourdetails .box { float:left; margin-right:10px; margin-left:30px; }
.giftvouchers .yourdetails .boxtext { float:left; margin-right:10px; padding-top:3px; width:calc(100% - 80px); text-align:left; }
.giftvouchers .yourdetails .clear { clear:both; margin-bottom:10px; }
.giftvouchers .yourdetails .box input { width:1.6em; height:1.6em; }
.giftvouchers .progress { position: relative; left:50%; margin-left:-185px; margin-top:30px; }
.giftvouchers .progress .item { float:left; margin-left:30px; width:80px; text-align:center;}
.giftvouchers .progress .icon { margin-bottom:20px; }
.giftvouchers .progress .name { color: #aaa; }
.giftvouchers .progress .nameselected { color: #222; }
.giftvouchers .progress .clear { clear:both; height:0px; }

@media only screen and (max-width: 736px)
{
	/* Mobile Layout */
	#header { position: relative; margin-bottom:0px;  padding-top:30px;  }
	#header .rightmenu { float:none; width:100%; padding-bottom:10px; }
	#header .logo { float:none; width:100%; }
	#header .rightmenuitem { float:none; border:none; width:100%; border-bottom:solid 1px #fff; }
	#header .rightmenuitemleft { float:none; border:none; width:100%; border-bottom:solid 1px #fff;  }
	#header .directionsicon { padding-right:10px; margin-top:10px; }
	#header .telephoneicon { padding-right:10px; margin-top:10px; margin-left:20px; float:right; }
	#header .menuicon { top:20px; }
	#main { margin-bottom:0px; top:0px; margin-top:-220px; }
	.photogallery .options { display: none; }
	.caption1 { float:none; width:100%; height:auto; }
	.caption2 { float:none; width:100%; height:auto; }
	.quote .caption2 { float:none; width:calc(100% - 40px); height:auto; padding:20px; line-height:1.6em; font-size:1.6em; }
	.caption1w70 { float:none; width:100%; height:auto; }
	.caption2w30 { float:none; width:100%; height:auto; }
	.caption3 { float:none; width:100%; }
	.textheader h1 { display:none; }
	.textholder2 { padding: 30px 20px; width:calc(100% - 40px); }
	.textholder3 { padding: 30px 20px; width:calc(100% - 40px); left:0; margin-left:0px; }
	.emailsignup { padding:20px 0px; margin:20px; margin-top:0px; border-top: solid 1px #ddd; width:calc(100% - 40px); }
	.social { float: none; width:calc(100% - 20px); padding:0px 20px; margin-left:0px; margin-bottom:20px;}
	.basemenu { border-right:0; }
	.left { float:none; width:100%; }
	.right { float:none; width:100%; }
	.lefttext { padding-right:20px; }
	.toprightleft { border-right:none; padding-bottom:20px; border-bottom:solid 1px #fff; margin-bottom:20px; float:none; width:100%; padding-right:0px; }
	.toprightright { float: none; margin-left:0px; width:100%; }
	.toprightrighttext { padding-left:0; }
	.menubutton { float:none; width:100%; border-bottom:solid 1px #fff; font-size:1.2em; }
	.menubuttonselected { float:none; width:100%; border-bottom: solid 1px #fff; font-size:1.2em; }
	.textholder2 .leftcolumn { float:none; width:100%; }
	.textholder2 .rightcolumn { float: none; width:100%; }
	.photocaption { float:none; width: 100%; margin:0; margin-bottom:10px; position:relative; }
	.photocaption img { position:absolute; right:0px; }
	.rolloutmenu { top:70px; }
	.rolloutmenu .logo { text-align:center; }
	.rolloutmenu .rolloutleft { display:none; }
	.rolloutmenu .rolloutcentre { float:none; width:100%; }
	.rolloutmenu .menu { width:auto; margin-left:0; left:auto; }
	.rolloutmenu .rolloutright { float:none; width:100%; margin-top:20px; }
	
	/* Popout */
	.popout .advertimage { display:none; }
	.popout .advertimagemobile { display: block; }
	
	/* Gift Vouchers */
	.giftvouchers { margin-left:0px; width:100%; }
	.giftvouchers h1 { line-height:1.2em; font-size:1.6em; }
	.giftvouchers h2 { line-height: 1.3em; font-size:1.2em; }
	.giftvouchers h3 { line-height: 1.3em;  font-size:1.2em;  }
	.giftvouchers .leftcaption { float:none; width:calc(100% - 30px); height:auto; margin-bottom:10px; }
	.giftvouchers .browsebycategory { margin-top:30px; background: #A68B6B; padding: 8px 10px; color: #fff; text-transform:uppercase; font-size:1.2em; text-align:center;  transition:0.5s;  }
	.giftvouchers .vouchercategory { float:none; width:calc(100% - 2px); margin-right:0px; height: auto; overflow:visible; color: #222; border: solid 1px #ddd; margin-left:0px; margin-bottom:30px; }
	.giftvouchers .vouchercategory .pic { width: 100%; height:200px; overflow: hidden; background:#000; position: relative;  }
	.giftvouchers .vouchercategory img { width:calc(100% + 100px); transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
	.giftvouchers .vouchercategory h4 { position: relative; bottom:0px; right:0px; margin-left:10px; height:25px; margin-bottom:10px; }
	.giftvouchers .faq { position: relative; left:0; margin-left:0px; width:100%; padding: 0px 0px; margin-top:10px; }
	/*.giftvouchers .vouchercategory img:hover { width:calc(100% + 140px); transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; cursor: pointer; }*/
	.giftvouchers .bestselling { margin-left:0px;  }
	.giftvouchers .bestselling .voucheroption { float:none; width:calc(100% - 2px); margin-left:0px; border: solid 1px #ddd; height:auto; position: relative; margin-bottom:10px; }
	.giftvouchers .bestselling .voucheroption .pic { width:100%; margin-right:0px; float:none; overflow:hidden; height:200px; position: relative; background:#000; }
	.giftvouchers .bestselling .voucheroption .pic img { width:calc(100% + 100px); transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
	.giftvouchers .bestselling .voucheroption .pic img:hover { width:calc(100% + 140px); transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; cursor:pointer; }
	.giftvouchers .bestselling .voucheroption .desc { padding:10px 15px; width:calc(100% - 30px); float:none; font-size:0.9em; text-align:left; line-height:1.5em; }
	.giftvouchers .bestselling .voucheroption .button { position:relative; bottom:0px; width:130px; margin-top:20px; padding: 10px 14px; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em; }
	.giftvouchers .leftpanel { float:none; width:100%; margin-right:0px; }
	.giftvouchers .rightpanel { float:none; width:100%; }
	.giftvouchers .clear { clear:both; height:0px; }
	.giftvouchers .featured { margin-top: 20px; }
	.giftvouchers .featured .pic { width:100%; height: auto; overflow:visible; background:#000; }
	.giftvouchers .featured .details { background: #A68B6B; width:calc(100% - 20px); padding:10px; height:auto; color: #fff; text-align:center; transition:0.5s; }
	.giftvouchers .breadcrumb { margin-top:15px; font-size:1.0em; text-transform:uppercase; margin-bottom:0px; top:-20px; }
	.giftvouchers .breadcrumb a:link, .giftvouchers .breadcrumb a:active, .giftvouchers .breadcrumb a:visited { text-decoration:none; }
	.giftvouchers .controlpanel { background: #f4f4f4; padding:10px; width:calc(100% - 20px); margin-bottom:0px; font-size:0.8em; position: relative; z-index:1000;  }
	.giftvouchers .controlpanel h1 { text-align:left; margin-bottom:0px; margin-top:0px; }
	.giftvouchers .controlpanel h3 { text-align:left; margin-bottom:0px; margin-top:-2px; font-size:1.1em; }
	.giftvouchers .controlpanel .left { width:100%; float:none; }
	.giftvouchers .controlpanel .centre { width:100%; float:none; text-align:left; }
	.giftvouchers .controlpanel .right { width:100%; float:none; background:none; text-align:right; position:relative; }
	.giftvouchers .controlpanel .basket { padding-left: 40px; background:url(/images/base/basket.png) no-repeat; background-position: left; text-transform: uppercase; font-weight:500; font-size:1.65em; margin-top:15px; padding-top:3px; padding-bottom:4px; }
	.giftvouchers .controlpanel .basket a:link, .giftvouchers .controlpanel .basket a:active, .giftvouchers .controlpanel .basket a:visited { color: #444; text-decoration:none; }
	.giftvouchers .controlpanel .categoryselect { padding-right: 30px; background:url(/images/base/vouchercategories.png) no-repeat; background-position: right; text-transform: uppercase; font-weight:500; font-size:1.4em; margin-top:20px; }
	.giftvouchers .controlpanel .categoryselect:hover { cursor: pointer; }
	.giftvouchers .controlpanel .categoryholder { position: absolute; top:36px; right:0px; background: #fff; border: solid 1px #ccc; border-radius:3px; padding: 5px 10px; text-align:left; width:150px; font-size:1.0em; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
	.giftvouchers .controlpanel .categoryholder .separator { margin-bottom:6px; border-bottom: solid 1px #ddd; padding-bottom:6px; margin-left:-10px; width:calc(100% + 20px); }
	.giftvouchers .controlpanel .categoryholder .link { margin-left:-10px; width:calc(100% + 20px); }
	.giftvouchers .controlpanel .clear { clear:both; height:0px; }
	.giftvouchers .voucheroptions { margin-left:0px; }
	.giftvouchers .voucheroptions .voucheroption { float:none; width:calc(100% - 2px); margin-left:0px; margin-bottom:10px; border: solid 1px #ddd; height:auto; position: relative; }
	.giftvouchers .voucheroptions .voucheroption .pic { width:100%; margin-right:0px; overflow:hidden; height:230px; position: relative; background:#000; }
	.giftvouchers .voucheroptions .voucheroption .pic img { width:calc(100% + 100px); transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
	.giftvouchers .voucheroptions .voucheroption .pic img:hover { width:calc(100% + 140px);; transition-duration:0.5s; -webkit-transition-duration:0.5s; opacity:0.7; cursor:pointer; }
	.giftvouchers .voucheroptions .voucheroption .desc { margin-bottom:60px; }
	.giftvouchers .voucheroptions .voucheroption a:link, .giftvouchers .voucheroptions .voucheroption a:active, .giftvouchers .voucheroptions .voucheroption a:visited { color: #fff; text-decoration:none;  display:block; width:120px; padding: 12px 12px; }
	.giftvouchers .voucheroptions .voucheroption .price { position:relative; margin-bottom:20px; left:0px; top:10px; color: #000; font-size:1.8em; font-weight:600; }
	.giftvouchers .voucheroptions .voucheroption .perperson { margin-top:5px; color: #666; font-weight:400; font-size:0.6em; letter-spacing:0.05em; text-transform:uppercase; }
	.giftvouchers .categories { margin-left:-0px; }
	.giftvouchers .categories .category { float:none; width:calc(100% - 2px); margin-left:0px; margin-bottom:10px; border: solid 1px #ddd; height:auto; position: relative; }
	.giftvouchers .categories .category .pic { width:100%; margin-right:0px; overflow:hidden; height:200px; position: relative; background:#000; }
	.giftvouchers .categories .category .pic img { width:calc(100% + 100px); transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
	.giftvouchers .categories .category .desc { padding:10px 15px; width:calc(100% - 30px); text-align:left; line-height:1.5em; font-size:1.0em; margin-bottom:70px; }
	.giftvouchers .categories .category .desc h2 { text-transform:none; letter-spacing:0em; font-size:1.6em; }
	.giftvouchers .categories .category a:link, .giftvouchers .categories .category a:active, .giftvouchers .categories .category a:visited { color: #fff; text-decoration:none; padding:12px 12px; width:120px; display:block; }
	.giftvouchers .voucherdetails { margin-top:20px; }
	.giftvouchers .voucherdetails .left { float:none; width: 100%; margin-right:0px; }
	.giftvouchers .voucherdetails .left .pic { width:100%; }
	.giftvouchers .voucherdetails .left .pic img { width:100%; }
	.giftvouchers .voucherdetails .right { float:left; width: calc(100% - 20px); margin-top:20px; }
	.giftvouchers .voucherdetails .details { padding: 20px; calc(100% - 40px); background: #f4f4f4; font-size:0.9em; text-align:left; line-height:1.5em; position: relative; }
	.giftvouchers .voucherdetails .details .desc { margin-bottom:20px; }
	.giftvouchers .voucherdetails .details .price { position:relative; bottom:0px; left:0px; color: #000; font-size:1.8em; font-weight:600; }
	.giftvouchers .voucherdetails .details .perperson { margin-top:5px; color: #666; font-weight:400; font-size:0.5em; letter-spacing:0.05em; text-transform:uppercase; }
	.giftvouchers .voucherdetails .details .buy { position:relative; bottom:0px; right:0px; margin-top:10px; }
	.giftvouchers .voucherdetails .details .basket { position:relative; bottom:0px; right:0px; margin-top:10px; }
	.giftvouchers .voucherdetails .featured .details { background: #A68B6B; width:calc(100% - 20px); padding:10px; padding-bottom:20px; height:auto; color: #fff; text-align:center; transition:0.5s; }
	.giftvouchers .popupbg { position: fixed; left:0px; top:0px; background: #000; width:100%; height:100%; z-index:10000; font-size:1.0em; }
	.giftvouchers .popup { position: relative; left:10px; top:10px; margin-left:0px; margin-top:0px; padding:20px; width:calc(100% - 60px); height:calc(100% - 60px); background:#fff; border: solid 1px #fff; border-radius:5px; text-align:left; overflow-y:auto; }
	.giftvouchers .popup .close { position: absolute; top:2px; right:2px; font-size:2.4em; color: #444; font-weight:600; background:url(/images/base/voucherfaqclose.png); width:50px; height:50px; }
	.giftvouchers .checkout .item { border: solid 1px #ccc; padding:20px; width:calc(100% - 42px); margin-top:20px; font-size:1.2em; }
	.giftvouchers .checkout .item .name { float:none; width:100%; margin-right:0px; font-size:1.2em; }
	.giftvouchers .checkout .item .price { float: none; width:100%; text-align:left; margin-top:10px;  }
	.giftvouchers .checkout .subitem h3 { text-align:left; text-transform:none; font-size:1.0em; padding-top:10px; margin-top:12px; border-top: solid 1px #eee; color: #000; }
	.giftvouchers .checkout .subitem .input { border: solid 1px #ddd; border-radius:4px; padding: 7px 10px; color: #aaa; width:calc(100% - 22px); font-weight:300; margin-bottom:10px; font-size:0.8em; }
	.giftvouchers .checkout .subitem .input2 { border: solid 1px #ddd; border-radius:4px; padding: 4px 10px; color: #aaa; width:100%; font-weight:300; margin-bottom:10px; background:#fff; font-size:1.0em; }
	.giftvouchers .checkout .button { width:130px; padding: 9px 14px 9px 14px; text-transform:uppercase; border:none; color: #fff; font-size:0.9em; background: #A68B6B; transition:0.5s; text-align:center; letter-spacing:0.02em; width:auto; margin-top:20px; position:relative; bottom:0px; right:0px; margin-top:10px;  }
	.giftvouchers .checkout .remove { font-size:1.0em; position: relative; top:10px; margin-bottom:20px; }
	.giftvouchers .yourdetails { margin-left:0px; margin-top:30px; }
	.giftvouchers .yourdetails .item1 { float:none; margin-left:0px; margin-bottom:20px; }
	.giftvouchers .yourdetails .item2 { float:none; margin-left:0px; margin-bottom:0px; }
	.giftvouchers .yourdetails .title { color: #222; margin-bottom:6px;  } 
	.giftvouchers .yourdetails .value .input { background: #f4f4f4; border: solid 1px #ccc; padding: 10px; font-size:1.4em; color: #222; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out; width:calc(100% - 30px); }
	.giftvouchers .yourdetails .value .input:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1);  }
	.giftvouchers .yourdetails .continue { margin-left:0px; }
	.giftvouchers .yourdetails .box { margin-left:0px; }
	.giftvouchers .progress { position: relative; left:50%; margin-left:-140px; margin-top:30px; }
	.giftvouchers .progress .item { float:left; margin-left:10px; width:80px; text-align:center;}
}

@media only screen and (max-width: 890px)
{
	/* Intermediate layout */
	#header .rightmenu { float:none; width:100%; margin-bottom:10px; }
	#header .logo { float:none; width:100%; }
	#header .directionsicon { padding-right:10px; margin-top:10px; }
	#header .telephoneicon { padding-right:10px; margin-top:10px; margin-left:20px; float:right; }
	#main { top:220px; margin-bottom:220px; }
	.photogallery .options { display: none; }
	.bookonline { padding-bottom:20px; }
	.bookonline .bookonlinesection { float: none; margin-right:0px; clear:both; height:40px; }
	.bookonline .bookonlinebook { float: none; margin-top:20px; }
	.bookonline .button { padding: 14px 21px; }
	.toprightleft { border-right:none; padding-bottom:20px; border-bottom:solid 1px #fff; margin-bottom:20px; float:none; width:100%; padding-right:0px; }
	.toprightright { float: none; margin-left:0px; width:100%; }
	.toprightrighttext { padding-left:0; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) 
{	
	/* Full layout */
	#header .rightmenu { display:block; }
	.photogallery .options { display: block; }
}

/* Text */
.text { font-family: "Open Sans"; text-align: left; color: #444; font-size:1.1em; line-height:1.5em;}

/* Progress Bar */
.progress { margin-top:20px; margin-bottom:30px; font-size: 1.0em; }
.progress a, .progress a:active, .progress a:visited { color: #222; }
.progress a:hover, .progress a:active:hover, .progress a:visited:hover { color: #b5b21b; }
.progress .title { float:left; width: 182px; text-align: left; margin-bottom:2px;  }
.progress .standard { float:left; width: 180px; height: 8px; background: #EAE7DA; margin-right:1px; margin-top:0px; }
.progress .selected { float:left; width: 180px; height: 8px; background: #D3B976; margin-right: 1px; margin-top:0px; }

/* Calendar */
#book { margin-top:20px; }
.calendar { margin-bottom:20px; margin-top:0px; height:170px; }
.calendar .title { float: left; width:85px; padding-top:2px; }
.calendar .value { float: left; }
.calendar .days { background: #222; color: #fff; }
.calendar .days td { width:36px; text-align:center; height:20px;}
.calendar .date { background: #fff; }
.calendar .date td { width:36px; text-align:center; height:20px;}
.calendar .unavailable { background: #ddd; color: #aaa; }
.calendar .available { background: #C9E4FF; color: #000; }
.calendar .available:hover { background: #B9D1EA; cursor: pointer; }
.calendar .available a { background:none; text-decoration:underline;}
.calendar .available a:link:hover, .calendar .available a:active:hover, .calendar .available a:visited:hover { color: #fff; }
.calendar .availableminimumstay { background: #a1b243; color: #fff; }
.calendar .availableminimumstay:hover { background: #a1b243; cursor: pointer; }
.calendar .availableminimumstay a:link, .calendar .availableminimumstay a:active, .calendar .availableminimumstay a:visited { background:none; text-decoration:underline; color: #fff; }
.calendar .availableminimumstay a:link:hover, .calendar .availableminimumstay a:active:hover, .calendar .availableminimumstay a:visited:hover { color: #000; }
.calendar .closed { background: #444; color: #fff; }
.calendar .booked { background: #444; color: #fff; }
.calendar .telephone { background: #eab46e; color: #fff; }
.calendar .telephone:hover { background: #eab46e; }
.calendar .telephone a { background:none; text-decoration:underline; }
.calendar .telephone a:hover { background: none; }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #C9E4FF; margin-right:8px; }
.calendar .keyavailableminimumstay { float: left; width: 24px; height:20px; background: #a1b243; margin-right:8px; }
.calendar .keybooked { float: left; width: 24px; height:20px; background: #444; margin-right:8px; }
.calendar .keyclosed { float: left; width: 24px; height:20px; background: #444; margin-right:8px; }
.calendar .keytelephone { float: left; width: 24px; height:20px; background: #eab46e; margin-right:8px; }
.calendar .key {float: left; margin-top:0px; margin-right:20px; width:340px; }

/* Availability */
.telephoneonly { background: #D3B976; border-radius:0px; color: #fff; font-weight:normal; font-size:1.2em; padding:10px 20px; width: 530px; margin-top:8px; line-height:1.5em; }
.telephoneonly a:link, .telephoneonly a:active, .telephoneonly a:visited { text-decoration:underline; border:none; color: #FFF189;}
.telephoneonly a:hover, .telephoneonly a:active:hover, .telephoneonly a:visited:hover { color: #FFFB3A; text-decoration:underline; border:none }
.resultssummary { font-family: "Open Sans", Arial; font-size:1.5em; }
.results { margin-top:20px; margin-bottom:40px;  }
.results .item { border: solid 0px #ccc; padding:0px; margin-bottom:10px; padding-top:0px; margin-top:0px; border-top: dashed 0px #ccc;  }
.results .picture { float: left; width: 280px;  }
.results .thumbnails { margin-left:-10px; width:400px; }
.results .thumbnail { margin-top:10px; margin-left:10px; float:left; }
.results .details { float: left; width: 620px; margin-right:40px;}
.results h2 { margin-top:0px; text-transform:capitalize; }
.results .description { margin-bottom:2px; line-height:1.5em; }
.results input[type="checkbox"] { width:1.4em; height:1.4em; }
.results .continue { float: left; margin-top:30px; margin-left:-180px;  }
.results .number { float: left; margin-right:10px; padding-top:7px; }
.results .continue .input { font-size:1.2em; font-weight:bold;  }
.results .continue .button { margin-left:180px; margin-top:-26px; padding: 5px 20px 7px 20px; font-family: "Open Sans", Arial; font-weight:normal; font-size:1.4em; color: #fff; background: #D3B976; border-color: #D3B976; }
.results .continue .button:hover { background: #AF9A62; border-color: #AF9A62 }
.results .continue .button:disabled { background: #dedede; color: #efefef; border-color: #dedede; }
.results .price { margin-top:10px; margin-bottom:20px; font-size:1.2em; color: #D3B976; display:none; }
.results .title { width:150px; }
.results .select { display: none; }
.accommodationtype { background: #45803c; padding:10px; color: #fff; font-weight:bold; width: 520px; margin-bottom:10px; line-height:1.5em; }

/* Options */
.summary .voucherlabel { padding: 5px 10px; background: #4B83C6; color: #fff; }
.summary .left {}
.summary .right { }
.summary .pricenote { color: #fff; background: #57CC74; padding: 3px 10px; margin-top:3px; width:400px; }
.summary .title { padding-top:0px; margin-bottom:8px; width:170px; }
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:4px; margin-bottom:4px; width:150px; float:left; }
.summary .value { padding-top:0px; margin-bottom:4px; }
.summary .titlecost { padding-top:0px; margin-bottom:0px; width:410px; border-bottom: dashed 0px #ccc; border-top: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:normal; }
.summary .valuecost { padding-top:0px; margin-bottom:0px; border-bottom: dashed 0px #ccc;  border-top: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:normal; width:70px; text-align:right;  }
.summary .titlespecial { padding-top:0px; margin-bottom:0px; width:410px; padding: 8px 5px; color: #222; border-top: dashed 1px #ccc; float:left; font-weight:bold; }
.summary .valuespecial { padding-top:0px; margin-bottom:0px; padding: 8px 5px; color: #222; float:left; border-top: dashed 1px #ccc; font-weight:bold; width:70px; text-align:right;  }
.summary .titlepayment{ padding-top:0px; margin-bottom:0px; width:410px; border-bottom: dashed 1px #ccc;padding: 8px 5px; color: #222; float:left; font-weight:bold; }
.summary .valuepayment { padding-top:0px; margin-bottom:0px; border-bottom: dashed 1px #ccc;padding:8px 5px; color: #222; float:left; font-weight:bold; width:70px; text-align:right; }
.summary .titlesubtotal{ padding-top:0px; margin-bottom:0px; width:410px; border-top: dashed 1px #ccc;padding: 8px 5px; color: #222; float:left; font-weight:bold; }
.summary .valuesubtotal { padding-top:0px; margin-bottom:0px; border-top: dashed 1px #ccc;padding: 8px 5px; color: #222; float:left; font-weight:bold; width:70px; text-align:right; }
.summary .titletotal{ padding-top:0px; margin-bottom:0px; width:410px; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:bold; }
.summary .valuetotal { padding-top:0px; margin-bottom:0px; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:bold; width:70px; text-align:right; }
.summary .headerrow tr { border-top: solid 10px #fff;  }
.summary h3 { margin-top:0; padding-top:0; margin-bottom:6px; font-size:1.2em; font-weight:bold; }
.summary .price { margin-bottom:6px; font-style: normal; color: #888; }
.summary .extras { margin-bottom:20px;}
.summary .extralist { color: #aaa; padding: 8px 5px; line-height:1.5em; border-top: dashed 1px #ccc; width:490px; }
.summary .description { font-size:1.0em; margin-bottom:15px; }
.summary .instructions { font-size:1.0em; margin-bottom:15px; }
.summary .terms { width: 572px; padding:10px; background: #f8f8f8; border: solid 1px #ccc; height:120px; overflow: auto; margin-top:10px; }
.summary .terms h2 { margin-top:0px; }
.summary .agree { margin-top:10px; margin-bottom:10px; }
.summary .quantity { float: left; margin-right:10px; padding-top:2px; }
.summary .input2 { float: left; font-family:"Open Sans", Arial; }
.summary .headerrow { background: #444; color: #fff; font-weight: bold;  }
.summary .facility1 { border-bottom: dashed 1px #ccc; }
.summary .facility2 { border-bottom: dashed 1px #ccc; }
.summary .facility1 td { padding: 20px 0px;}
.summary .facility2 td { padding: 20px 0px;}
.summary .errorhighlight { border: solid 2px #ff0000; font-family: "Open Sans", Arial; font-size: 1.0em; background: #fadadb; }
.summary .taken { background: #c70f12; padding:5px; color: #fff; font-weight: bold; font-family:"Open Sans", Arial; }
.summary .specialoffer { margin-bottom:5px; }
.summary .specialoffer h2 { background: #444; padding:8px 10px; color: #fff; font-weight:bold; margin:0; text-transform:capitalize; font-size:1.0em; }
.summary .specialoffer .description {  font-size:1.0em; padding:10px; margin:0; background: #f8f8f8; }
.summary .specialoffer .saving {background: #f8f8f8; font-weight:bold; padding:10px; margin:0; padding-top:0px;}
.summary .nopricing { width: 450px; background: #4B83C6; padding:20px 20px 25px 20px; padding-bottom:25px; line-height:1.4em; font-size:1.2em; font-weight:normal; border: solid 2px #B56907; color: #fff; border-radius:10px;  }
.summary .button { padding: 6px 25px; font-family: "Open Sans", Arial; font-weight:normal; font-size:1.4em; color: #fff; background: #D3B976; border-color: #D3B976; }
.summary .button:hover { background: #AF9A62; border-color: #AF9A62 }
.summary .button:disabled { background: #dedede; color: #efefef; border-color: #dedede; }

/* Complete Bookings */
.complete {}
.complete .left { float: left; width:450px; margin-right:50px; }
.complete .right { float: left; width: 400px; margin-top:-50px; background: #fff; padding:15px 20px 25px 20px; padding-bottom:25px; border: solid 1px #ccc; border-radius:10px; }
.complete .right h2 { margin-top:0px; }
.complete .title { float: left; padding-top:0px; width:175px; margin-bottom:6px; }
.complete .value { float: left; padding-top: 0px; margin-bottom:6px; }
.complete .room { float: left; width:165px; margin-bottom:5px; margin-right:10px;  }
.complete .roomcost { float: left; margin-bottom:5px; }
.complete .extra { float: left; width: 165px; margin-bottom:6px; color: #0f79c7; margin-right:10px; }
.complete .extracost { float: left; margin-bottom: 5px; color: #0f79c7; }
.complete .text { margin-bottom:20px; line-height:1.3em; }
.complete .titleheading {height:36px; color:#fff; font-weight:normal; background: #D3B976; }
.complete .titleheading td { padding:4px 5px; }
.complete .amountdue {height:36px; color:#fff; font-weight:normal; background: #222; }
.complete .amountdue td { padding:4px 5px; }
.complete .roomrow { background: #fff; border-bottom: solid 1px #ccc; }
.complete .extrarow { background: #eee; border-bottom: solid 1px #ccc;}
.complete .discountrow { background: none; border-bottom: solid 1px #ccc;}
.complete .subtotalrow { background: none;  border-bottom: solid 1px #ccc;}
.complete .costrow { background: #f4f4f4; border-bottom: solid 1px #ccc;}
.complete .costrow td { padding: 9px 6px; font-weight:bold; }
.complete .roomrow td { padding: 9px 6px; }
.complete .extrarow td { padding: 9px 6px; }
.complete .discountrow td { padding: 9px 6px; font-weight:bold; color: #4B83C6; }
.complete .subtotalrow td { padding: 9px 6px; font-weight:bold; }
.complete .text { margin-bottom:30px; }
.complete .button { color: #fff; font-weight:normal; font-size:1.4em; padding: 5px 10px 7px 10px; text-decoration:none; background: #D3B976; border: solid 1px #D3B976; }
.complete .button:hover { color: #fff; background: #AF9A62; border-color: #AF9A62; cursor: pointer; padding: 5px 10px 7px 10px; }
.complete .separator { padding-top:0px; margin-bottom:4px; border-bottom: dotted 1px #aaa; width:620px;}

/* Awards */
.awards .award { float: left; margin-right:20px; }

/* Links */
.links { font-size:1.0em; }
.links h2 { font-size:1.5em; margin-top:30px; }
.links .name { font-size:1.2em; margin-top:10px; border-top: dotted 1px #ccc; padding-top:10px;   }
.links .name a:link, .links .name a:active, .links .name a:visited { text-decoration:none; font-weight:bold; color: #265B13; }
.links .name a:link:hover, .links .name a:active:hover, .links .name a:visited:hover { text-decoration:none; color: #45A522; }
.links .description { font-size:1.0em; margin-top:5px; margin-bottom:5px; }

/* Rooms */
.room { padding-top:20px; margin-bottom:20px; border-top: dotted 1px #aaa; font-size:1.1em; line-height:1.4em; }
.room .slideshow { width: 400px; float: left; margin-right:20px; }
.room .slideshow .banner { width: 400px; height:267px; }
.room .desc { width: 540px; float: left; }
.room .button { border: 0; background: #D3B976; border: solid 1px #D3B976; border-radius:5px; color: #fff; font-size:1.3em; font-family: "Open Sans"; letter-spacing:0.02em; padding: 5px 14px 6px 14px; }
.room .button:hover { cursor: pointer; background: #bbbe9f; border: solid 1px #bbbe9f; border-radius:5px; }

/* Controls */
.input { font-family: "Open Sans","Open Sans"; margin-bottom:2px; font-size:1.0em; color: #444;}
.inputsmall  { font-family: "Open Sans","Open Sans"; margin-bottom:2px; font-size:0.85em; color: #444;} 
.input2 { border: 0; background: #D3B976; border: solid 1px #D3B976; border-radius:3px; color: #fff; font-size:1.2em; font-family: "Open Sans"; letter-spacing:0.02em; padding: 2px 14px 3px 14px; }
.input2:hover { cursor: pointer; background: #B7A066; border: solid 1px #B7A066; border-radius:5px; }
.input2:focus { outline: none; }
.button { font-family: "Open Sans","Open Sans"; font-size:1.0em; color: #444;}

img { border: 0; }

#updateprogress1 { color: #000000; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

/* Images */
#images {border:none; margin-top:15px; margin-bottom:15px; text-align:center; }
#images a, #images a:active, #images  a:visited { text-decoration:none; border:none; }
#images a:hover, #images a:active:hover, #images a:visited:hover { text-decoration:none; border:none; }
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }

/* Validators */
.validator { padding-bottom: 3px; margin-bottom: 10px; }