.ie-6-message {
display: none;
}

.lt-ie7 footer,
.lt-ie7 .page-wrapper {
display: none;
}

.lt-ie7 .ie-6-message {
display: block;
text-align: center;
}

.lt-ie7 .ie-6-message h1 {
color: #4a5055;
}

body {
min-width: 960px;
}

html, body {
height: 100%;
}

.page-wrapper {
min-height: 100%;
}

.page-inner {
overflow: auto;
padding-bottom: 273px;
}

img {
max-width: 100%;
}

h1 {
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 21px;
color: #fff;
font-weight: 100;
}

h2 {
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 18px;
color: #4a5055;
font-weight: 100;
}

h3 {
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 17px;
color: #833177;
font-weight: 100;
padding: 1.5em 0 1em;
}

p {
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 0.9em;
color: #4a5055;
font-weight: 100;
}

header {
width: 100%;
position: relative;
z-index: 1;
background-color: #fff;
}

header .header-wrap {
width: 95%;
max-width: 1060px;
margin: 0 auto;
padding: 1em 0;
}

header .logo {
display: block;
width: 240px;
float: left;
}

header ul {
list-style-type: none;
float: right;
}

header ul li {
float: left;
height: 40px;
padding: 0;
margin-left: 0.7em;
font-size: 100%;
}

header ul li a {
display: block;
font-family: 'Verdana', Helvetica, Arial, sans-serif;
color: #636a6f;
text-decoration: none;
border: 1px solid #efeff0;
background-color: #fff;
text-align: center;
font-size: 0.85em;
height: 32px;
line-height: 32px;
padding: 0 0.85em;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
-webkit-transition: all ease-out 0.2s;
-moz-transition: all ease-out 0.2s;
-o-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
}

header ul li a:hover,
header ul li a:focus {
color: #fff;
background-color: #97538d;
border: 1px solid #97538d;
}

header ul li a.selected {
color: #fff;
background-color: #833177;
border: 1px solid #833177;
}

.page-heading {
height: 54px;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}

.page-header-bg {
width: 75%;
height: 60px;
position: absolute;
left: 0;
z-index: -10;
background: #833177;
background: -moz-linear-gradient(left, #833177 0%, #97538d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#833177), color-stop(100%,#97538d));
background: -webkit-linear-gradient(left, #833177 0%,#97538d 100%);
background: -o-linear-gradient(left, #833177 0%,#97538d 100%);
background: -ms-linear-gradient(left, #833177 0%,#97538d 100%);
background: linear-gradient(to right, #833177 0%,#97538d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#833177', endColorstr='#97538d',GradientType=1 );
}

.heading-container {
line-height: 60px;
width: 95%;
max-width: 1060px;
margin: 0 auto;
position: relative;
}

.heading-container section {
position: absolute;
visibility: hidden;
width: 2000px;
height: 60px;
z-index: -1;
background-image: url('../images/heading-decoration3.png');
background-repeat: no-repeat;
background-position: left top;
}

.lt-ie8 .heading-container section {
visibility: visible;
}

.page-heading h1 {
float: left;
padding-right: 2em;
line-height: 54px;
}

.wrapper {
width: 95%;
max-width: 1060px;
padding: 1.8em 0;
margin: 0 auto;
}

.xmas {
position: absolute;
top: 0;
left: 20%;
width: 260px;
}

.xmas img {
width: 260px;
}

.xmas-notice {
text-align: center;
padding-top: 0;
}

.content-top-bg {
width: 100%;
height: 160px;
background: #edf4f7;
background: -moz-linear-gradient(top, #edf4f7 1%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#edf4f7), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #edf4f7 1%,#ffffff 100%);
background: -o-linear-gradient(top, #edf4f7 1%,#ffffff 100%);
background: -ms-linear-gradient(top, #edf4f7 1%,#ffffff 100%);
background: linear-gradient(to bottom, #edf4f7 1%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf4f7', endColorstr='#ffffff',GradientType=0 );
position: absolute;
z-index: -5;
left: 0;
}

footer {
width: 100%;
height: 273px;
position: relative;
clear: both;
margin-top: -273px;
background-image: url('../images/hills-smooshed.png');
background-position: center bottom;
background-repeat: no-repeat;
}

.footer-sky {
height: 340px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: -15;
background: -moz-linear-gradient(top, #ffffff 0%, #d7e9f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7e9f4));
background: -webkit-linear-gradient(top, #ffffff 0%,#d7e9f4 100%);
background: -o-linear-gradient(top, #ffffff 0%,#d7e9f4 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#d7e9f4 100%);
background: linear-gradient(to bottom, #ffffff 0%,#d7e9f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7e9f4',GradientType=0 );
}

.lt-ie8 .footer-sky {
display: none;
}

footer nav {
width: 900px;
margin: 0 auto;
position: relative;
top: 200px;
}

footer nav ul {
margin: 0 auto;
}

footer nav ul li {
float: left;
margin: 0 1.2em;
}

footer nav ul li a {
display: block;
height: 31px;
line-height: 31px;
color: #fff;
font-family: 'Verdana', Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 0.9em;
text-shadow: 0 0 5px #759019;
-moz-text-shadow: 0 0 5px #759019;
-webkit-text-shadow: 0 0 5px #759019;
-webkit-transition: all ease-out 0.2s;
-moz-transition: all ease-out 0.2s;
-o-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
}

footer nav ul li a.selected {
color: #833177;
text-shadow: 0 0 5px rgba(255,255,255,0.7);
-moz-text-shadow: 0 0 5px rgba(255,255,255,0.7);
-webkit-text-shadow: 0 0 5px rgba(255,255,255,0.7);
}

footer nav ul li a:hover {
color: #97538d;
text-shadow: 0 0 5px rgba(255,255,255,0.7);
-moz-text-shadow: 0 0 5px rgba(255,255,255,0.7);
-webkit-text-shadow: 0 0 5px rgba(255,255,255,0.7);
}

footer nav ul li a.home {
width: 30px;
height: 31px;
background-image: url('../images/logo-icon.png');
text-indent: -9999px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: 0 0 4px rgba(255,255,255,0.7);
-moz-box-shadow: 0 0 4px rgba(255,255,255,0.7);
-webkit-box-shadow: 0 0 4px rgba(255,255,255,0.7);
-webkit-transition: all ease-out 0.2s;
-moz-transition: all ease-out 0.2s;
-o-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
}

footer nav ul li a.home:hover {
background-position: 0 -31px;
background-color: #833177;
}

/* PARKING PAGE */

.parking h3 {
padding: 0 0 0.2em;
font-size: 1em;
}

.parking h2 {
padding-bottom: 1em;
}

.parking-wrap {
position: relative;
width: 68%;
margin: 2em 0 4em;
}

.parking-wrap .wesley-st {
bottom: -2em;
}

.parking-wrap .devon-lane {
top: -2.5em;
}

.parking-wrap p.edinburgh {
bottom: 55%;
right: -9em;
}

/* HOME PAGE */

.home-page-slide {
width: 100%;
position: relative;
}

.home-page-slide img {
width: 100%;
}

.home-page-slide .wifi img {
width: auto;
}

.home-page-slide .wifi {
position: absolute;
bottom: 100px;
right: 40px;
width: 130px;
height: 130px;
}

.slider {
position: relative;
top: 0;
height: 470px;
width: 100%;
}

@media(min-width: 600px){
	.slider{
		height: 600px;
		overflow-y: hidden;
		overflow-x: hidden;
	}
}

.slider section {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
}

.address {
position: absolute;
bottom: -2px;
right: 40px;
width: 130px;
height: 130px;
background-color: #833177;
border-radius: 65px;
-moz-border-radius: 65px;
-webkit-border-radius: 65px;
behavior: url(PIE.htc);
z-index: 5;
}

.address p {
color: #fff;
padding-top: 34px;
text-align: center;
}

.home-page h2 {
text-align: center;
color: #833177;
font-size: 20px;
padding: 2.5em 0 1em;
}

.home-page p {
text-align: center;
}

p.open-hours {
margin-top: 1em;
}

/* SHOPPING PLAZA & BUSINESS PAGES */

.map-wrapper {
float: left;
width: 70%;
margin-left: 7%;
padding-bottom: 2em;
position: relative;
z-index: 10;
}

h3.map-heading {
padding-top: 1em;
}

.business-name {
font-size: 0.9em;
position: absolute;
left: 0;
background-color: #fff;
display: block;
height: 28px;
line-height: 26px;
padding: 0 0.6em;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
z-index: 30;
visibility: hidden;
border: 1px solid #ccc;
}

.map-wrapper.business-centre-map {
width: 55%;
}

.map-wrapper img {
max-width: 100%;
}

.map-wrapper img.shop-logo {
max-width: 90%;
max-height: 140px;
}

p.devon-lane {
position: absolute;
font-size: 0.8em;
top: -1.5em;
text-align: center;
z-index: 10;
width: 100%;
}

p.wesley-st {
position: absolute;
font-size: 0.8em;
bottom: 0;
text-align: center;
z-index: 10;
width: 100%;
}

p.carpark {
position: absolute;
font-size: 0.8em;
bottom: 55%;
left: -4em;
z-index: 10;
width: 100px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
}

.lt-ie9 p.edinburgh {
right: 2em;
}

p.edinburgh {
position: absolute;
font-size: 0.8em;
bottom: 65%;
right: -11em;
z-index: 10;
width: 200px;
text-align: center;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
}

.arrows {
position: absolute;
top: -1em;
left: -4em;
max-height: 100%;
}

p.loading {
position: absolute;
font-size: 0.8em;
bottom: 4.6em;
left: 30.5%;
font-size: 0.6em;
z-index: 10;
width: 80px;
text-align: center;
}

p.lobby {
position: absolute;
font-size: 0.8em;
bottom: 5.5em;
left: 20.6%;
font-size: 0.6em;
z-index: 10;
width: 36px;
text-align: center;
}

p.mall {
position: absolute;
font-size: 0.8em;
bottom: 24em;
left: 23%;
font-size: 0.6em;
z-index: 10;
width: 36px;
text-align: center;
}

p.toilets {
position: absolute;
font-size: 0.8em;
bottom: 14em;
left: 8%;
font-size: 0.6em;
z-index: 10;
width: 36px;
text-align: center;
}

nav.stores {
width: 18%;
float: left;
}

nav.stores ul li a {
text-decoration: none;
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 0.9em;
color: #4a5055;
font-weight: 100;
display: block;
padding: 0 0 0.1em;
float: left;
clear: left;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 0.5em;
}

nav.stores ul li a:hover {
color: #833177 !important;
border-bottom: 1px solid rgba(131,49,119,0.3);
}

nav.stores ul li a.selected {
color: #833177 !important;
border-bottom: 1px solid rgba(131,49,119,0.3);
font-weight: bold !important;
}

.shop-info-wrap h3 {
padding: 1em 0 0.5em;
}

.shop-info-wrap {
border: 3px solid #833177;
background-color: #fff;
position: absolute;
z-index: 10;
box-shadow: 0 0 4px rgba(0,0,0,0.4);
display: none;
max-width: 500px;
}

.shop-info-wrap p {
font-size: 0.8em;
}

p.info {
padding-top: 0.5em;
padding-right: 2em;
}

p.web a {
color: #833177;
text-decoration: underline;
}

.shop-info {
position: relative;
width: 100%;
padding: 1em;
}

.triangle {
position: absolute;
left: -2em;
margin-left: 3px;
top: 40px;
z-index: 15;
}

.close-btn {
position: absolute;
top: -16px;
right: 50px;
cursor: pointer;
}

.shop-info-wrap p strong {
padding: 0.5em 0 0.25em;
display: block;
}

/* LOCATION PAGE */

#map-canvas {
height: 340px;
width: 57%;
float: left;
margin-right: 2.5%;
}

#map-canvas img {
max-width: none;
}

.map-key {
width: 40%;
float: left;
}

.map-key div,
.map-key img {
margin-right: 10px;
}

.key {
clear: both;
padding-bottom: 1em;
}

.map-key p {
font-size: 0.75em;
float: left;
}

.map-key .key.single-line p {
height: 30px;
line-height: 30px;
}

.map-key img {
float: left;
}

.plaza-key {
width: 30px;
height: 30px;
background-color: #833177;
float: left;
}

.centre-key {
width: 30px;
height: 30px;
float: left;
background-color: #bababa;
}

/* CONTACT PAGE */

.contact {
width: 100%;
margin: 0 auto;
}

.submit-button {
display: block;
font-family: 'Verdana', Helvetica, Arial, sans-serif;
color: #636a6f;
text-decoration: none;
border: 1px solid #efeff0;
background-color: #fff;
text-align: center;
font-size: 0.9em;
float: right;
height: 32px;
line-height: 32px;
padding: 0 0.85em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 2px 2px 3px rgba(117,144,25,0.2);
-moz-box-shadow: 2px 2px 3px rgba(117,144,25,0.2);
-webkit-box-shadow: 2px 2px 3px rgba(117,144,25,0.2);
}

.contact-form-wrap {
width: 600px;
float: right;
margin-top: 30px;
}

.contact-details {
width: 300px;
margin-top: 30px;
float: left;
}

.contact-details img {
width: 60px;
float: left;
}

.prop-man {
width: 300px;
clear: both;
padding-top: 30px;
}

.pukekohe-mail {
width: 300px;
clear: both;
padding-top: 30px;
}

.contact-details h2 {
color: #833177;
}

.label {
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 0.9em;
color: #4a5055;
font-weight: 100;
line-height: 19px;
width: 110px;
display: block;
height: 30px;
line-height: 30px;
float: left;
}


input[type=text] {
float: left;
width: 483px;
padding-left: 5px;
height: 28px;
line-height: 30px;
border: 1px solid #dcdcdc;
font-family: 'Arial', Helvetica, sans-serif;
color: #636a70;
font-size: 14.5px;
-webkit-box-shadow: inset 0 0 3px #d8d8d8;
-moz-box-shadow: inset 0 0 3px #d8d8d8;
box-shadow: inset 0 0 3px #d8d8d8;
}

textarea {
float: left;
width: 593px;
height: 120px;
padding-left: 5px;
min-height: 120px;
max-height: 200px;
line-height: 30px;
border: 1px solid #dcdcdc;
margin-top: 5px;
font-family: 'Arial', Helvetica, sans-serif;
color: #636a70;
font-size: 14.5px;
-webkit-box-shadow: inset 0 0 3px #d8d8d8;
-moz-box-shadow: inset 0 0 3px #d8d8d8;
box-shadow: inset 0 0 3px #d8d8d8;
}

.message-label {
font-family: 'Verdana', Helvetica, Arial, sans-serif;
font-size: 0.9em;
color: #4a5055;
line-height: 19px;
width: 100%;
height: 40px;
line-height: 40px;
float: left;
}

fieldset {
width: 100%;
clear: both;
margin-bottom: 10px;
}

.lt-ie8 fieldset {
display: block;
padding-bottom: 10px;
}

p#status {
color: #cc1d51;
margin-bottom: 8px;
}

input[type=text].error-focus,
textarea.error-focus {
border: 1px solid #cc1d51;
}

@media only screen and (min-width: 1960px) {

footer {
background-size: cover;
height: 320px;
margin-top: -320px;
}

.page-inner {
padding-bottom: 320px;
}

}