/* KIPT Retail */
/***************/
html { margin: 0px; padding: 0px; border: 0px; }
body { margin: 0px; padding: 0px; border: 0px; background-color: #294763; font-family: verdana, sans-serif; color: #333333; font-size: 11px; line-height: 1.34em; }
body#termsandconditions { background-color: #fff; padding: 10px; }

/* Page Structure */
/******************/
div#pageWrapper { width: 1018px; margin: 0 auto; }
div#pageWrapUpper { width: 1018px; height: 121px; background: url(../../images/office/page-bg-top.png) top left no-repeat; }
div#pageWrapMiddle { width: 1018px; background: url(../../images/office/page-bg-middle.png) top left repeat-y; }
div#pageWrapLower { width: 1018px; height: 128px; background-position: top left; background-repeat: no-repeat; overflow: hidden; }
div.homePage div#pageWrapLower { background-image: url(../../images/office/homepage-bg-bottom.png); }

/* Header Area */
/***************/
div#pageHeader { position: relative; z-index: 150; padding: 28px 29px 0 29px; }

h1#logo { float: left; padding: 0px; margin: 30px 0 0 20px; }
h1#logo a, h1#logo a:link, h1#logo a:visited, h1#logo a:hover, h1#logo a:active { display: block; background-position: top left; background-repeat: no-repeat; text-decoration: none; }
h1#logo a span { visibility: hidden; }

div#navSearch { float: right; margin: 30px 20px 0 0; width: 580px; }
div#otherCentres { float: right; width: 128px; height: 18px; margin: 0 0 0 5px; background-repeat: no-repeat; overflow: hidden; }
div#otherCentres a, div#otherCentres a:link { display: block; width: 128px; height: 18px; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-decoration: none; margin: 0px; }
div#otherCentres a:hover { background-position: -128px 0; }
div#otherCentres a span { visibility: hidden; }

.otherscol1 { position: absolute; top: 17px; left: 23px; width: 170px; }
.otherscol2 { position: absolute; top: 17px; left: 200px; width: 170px; }
.otherscol1 h5, .otherscol2 h5 { font-size: 11px; margin-top: 10px; }
.otherscol1 ul, .otherscol2 ul { list-style: none none inside; margin: 5px 0 0; padding: 0; }
.otherscol1 ul li, .otherscol2 ul li { margin: 5px 0; }


/* Site Search and Utility Nav */
/* --------------------------- */
div#siteSearch{float:right;width:150px;height:18px;margin:0 0 0 10px;}
div#siteSearch form{position:relative;width:150px;height:18px;overflow:hidden;background-position:top left;background-repeat:no-repeat;}

div#siteSearch form input#searchText{position:absolute;top:1px;left:1px;height:15px;width:121px;background-color:transparent;font-size:11px;color:#333333;font-family:sans-serif;padding:1px 3px 0 3px;}
div#siteSearch form input#searchGo{position:absolute;top:0px;right:0px;height:18px;width:22px;overflow:hidden;background-color:transparent;background-position:-128px 0;background-repeat:no-repeat;cursor:pointer;}
div#siteSearch form input#searchGo:hover{background-position:-278px 0;}

div#utilNav{float:right;margin:2px 0 0 0;}
div#utilNav ul{list-style-type:none;margin:2px 0 0 0;padding:0px;}
div#utilNav ul li{display:block;float:left;margin:0 0 0 5px;padding:0 0 0 5px;border-left:solid 1px #333333;}
div#utilNav ul li.first{border:none;padding:0px;margin:0px;}
div#utilNav a,div#utilNav a:link,div#utilNav a:visited,div#utilNav a:hover,div#utilNav a:active{display:block;height:10px;text-decoration:none;background-repeat:no-repeat;overflow:hidden;}

a#utilNav1,a#utilNav1:link,a#utilNav1:visited,a#utilNav1:active{width:30px;background-position:0 1px;}
a#utilNav2,a#utilNav2:link,a#utilNav2:visited,a#utilNav2:active{width:50px;background-position:-46px 1px;}
a#utilNav3,a#utilNav3:link,a#utilNav3:visited,a#utilNav3:active{width:63px;background-position:-113px 1px;}
a#utilNav1:hover{width:30px;background-position:-176px 1px;}
a#utilNav2:hover{width:50px;background-position:-222px 1px;}
a#utilNav3:hover{width:63px;background-position:-289px 1px;}
div#utilNav a span{visibility:hidden;}

/*
div#siteSearch { float: right; width: 150px; height: 18px; margin: 0 0 0 10px; }
div#siteSearch form { position: relative; width: 150px; height: 18px; overflow: hidden; background-position: top left; background-repeat: no-repeat; }

div#siteSearch form input#searchText { position: absolute; top: 1px; left: 1px; height: 15px; width: 121px; background-color: transparent; font-size: 11px; color: #333333; font-family: sans-serif; padding: 1px 3px 0 3px; }
div#siteSearch form input#searchGo { position: absolute; top: 0px; right: 0px; height: 18px; width: 22px; overflow: hidden; background-color: transparent; background-position: -128px 0; background-repeat: no-repeat; cursor: pointer; }
div#siteSearch form input#searchGo:hover { background-position: -278px 0; }

div#utilNav { float: right; margin: 2px 0 0 0; }
div#utilNav ul { list-style-type: none; margin: 2px 0 0 0; padding: 0px; }
div#utilNav ul li { display: block; float: left; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: solid 1px #333333; }
div#utilNav ul li.first { border: none; padding: 0px; margin: 0px; }
div#utilNav a, div#utilNav a:link, div#utilNav a:visited, div#utilNav a:hover, div#utilNav a:active { display: block; height: 10px; text-decoration: none; background-repeat: no-repeat; overflow: hidden; }

a#utilNav1, a#utilNav1:link, a#utilNav1:visited, a#utilNav1:active { width: 30px; background-position: 0 1px; }
a#utilNav2, a#utilNav2:link, a#utilNav2:visited, a#utilNav2:active { width: 50px; background-position: -46px 1px; }
a#utilNav3, a#utilNav3:link, a#utilNav3:visited, a#utilNav3:active { width: 63px; background-position: -113px 1px; }
a#utilNav4, a#utilNav4:link, a#utilNav4:visited, a#utilNav4:active { width: 32px; background-position: -194px 1px; }
a#utilNav1:hover { width: 30px; background-position: -226px 1px; }
a#utilNav2:hover { width: 50px; background-position: -272px 1px; }
a#utilNav3:hover { width: 63px; background-position: -339px 1px; }
a#utilNav4:hover { width: 32px; background-position: -420px 1px; }
div#utilNav a span { visibility: hidden; }
*/

/* Main Page Area */
/******************/
div#pageContainer { padding: 0 29px 30px 29px; min-height: 676px; background: url(../../images/office/innerpage-bg.png) top center no-repeat; }
.homePage div#pageContainer { background: none; min-height: 0px; padding: 0 29px; }
div#imageArea { position: relative; width: 920px; height: 158px; margin: 0 20px; overflow: hidden; }
.homePage div#imageArea { height: 376px; }
div#imageCont { position: relative; }
div#imageCont img { position: absolute; top: 0px; left: 0px; z-index: 50; }
div#imageTagLine { position: absolute; z-index: 60; top: 36px; right: 39px; width: 173px; height: 174px; background-position: top left; background-repeat: no-repeat; }
div#imageTagLine span { visibility: hidden; }

.northCity div#imageTagLine { background-image: url(../../images/office/northcity-tagline.gif); }
.sylviaPark div#imageTagLine { background-image: url(../../images/office/sylviapark-tagline.gif); }
.etc div#imageTagLine { background-image: url(../../images/office/etc-tagline.gif); }

/* Semi-transparent Headers */
/* ------------------------ */
div.headerNav { position: absolute; bottom: 0px; height: 50px; width: 228px; z-index: 100; }
div.headerNav a, div.headerNav a:link, div.headerNav a:visited, div.headerNav a:active { display: block; height: 43px; margin: 7px 0 0 0; width: 228px; z-index: 100; background-position: top left; background-repeat: no-repeat; text-decoration: none; }
div.headerNav a:hover { text-decoration: none; background-position: top right; }
div.headerNav a.active, div.headerNav a.active:link, div.headerNav a.active:visited, div.headerNav a.active:active { text-decoration: none; height: 50px; margin: 0px; }
div.headerNav a.active:hover { text-decoration: none; }
div.headerNav a span { visibility: hidden; text-decoration: none; }

div#header1 { left: 0px; }
div#header2 { left: 231px; }
div#header3 { left: 462px; }

/* Main Content Area */
/*********************/
div#innerMainArea { margin: 15px 20px 0px 20px; min-height: 513px; background-position: top left; background-repeat: repeat-y; }

div#col1 { float: left; width: 230px; overflow: hidden; }
div#col1 div.colInner { margin: 0 25px 10px 15px; }
div#col1-nobackground { float: left; width: 230px; overflow: hidden; }
div#col1-nobackground div.colInner { margin: 0 25px 10px 15px; }
div#col2 { float: left; margin: 0 20px; width: 650px; }

/* Secondary Navigation */
/* -------------------- */
ul#secondaryNav { list-style-type: none; margin: 15px 25px 25px 0; padding: 0px; }
ul#secondaryNav li { margin: 0px; padding: 0px; }
ul#secondaryNav li a, ul#secondaryNav li a:link { display: block; text-decoration: none; color: #666666; margin: 0px; padding: 4px 10px 4px 15px; }
ul#secondaryNav li a.active, ul#secondaryNav li a.active:link { font-weight: bold; }

/* Footer Area */
/***************/
div#footer { padding: 0 29px; }
div#footerInner { margin: 0 20px; }
div.footerSect { float: left; margin: 0 11px 0 0; padding: 11px 0 0 0; width: 220px; height: 87px; overflow: hidden; font-family: sans-serif; }
div#footerInner div.first { width: 230px; }
div#footerInner div.last { width: 217px; margin: 0px; }
div.footerSect h5 { text-transform: uppercase; font-size: 10px; margin: 0px; font-family: verdana, sans-serif; }
div.footerSect p { margin: 0px; line-height: 1.34em; }

div.footerSect table { margin: 0px; padding: 0px; border: 0px; table-layout: auto; border-collapse: collapse; width: auto; }
div.footerSect table tr { background-image: none; }
div.footerSect table tr td { margin: 0px; padding: 0px; }

div.footerSect div.dynamic { font-size: 11px; }
div.footerSect div.dynamic h4 { text-transform: uppercase; margin: 0 0 1px 0; padding: 8px 0 0 0; font-size: 13px; font-family: verdana, sans-serif; }
div.footerSect div.dynamic img { display: block; margin: 4px 5px 8px 0; float: left; }
div#footerUtilNav { clear: both; padding: 10px 0 8px 0; font-size: 9px; color: #fff; }
.homePage div#footerUtilNav { padding: 13px 0; }
div#footerUtilNav a { color: #fff; text-decoration: none; }
div#footerUtilNav a:hover { text-decoration: underline; }

div.footerSect a#kiptLinkLogo { display: block; padding: 4px 0 0 0; }
div.footerSect a, div.footerSect a:link, div.footerSect a:visited, div.footerSect a:active { text-decoration: none; }
div.footerSect a:hover { text-decoration: underline; }

/* Home Page Styles */
/********************/
div#homeMainArea { height: 121px; width: 920px; margin: 0 20px; }

.homePage div.headerNav a, .homePage div.headerNav a:link, .homePage div.headerNav a:visited, .homePage div.headerNav a:active { height: 50px; margin: 0px; background-position: bottom left; }
.homePage div.headerNav a:hover { background-position: bottom right; }

.homePage div#header3 { left: 462px; width: 458px; }

div.homeSubAreas { float: left; height: 121px; overflow: hidden; background: url(../../images/office/homepage-sect-shadow.png) top left no-repeat; font-size: 11px; }
div.homeSubAreas a, div.homeSubAreas a:link, div.homeSubAreas a:visited, div.homeSubAreas a:active { text-decoration: none; color: #333333; }

div#homeArea1, div#homeArea2, div#homeArea3 { width: 228px; margin: 0 3px 0 0; }
div#homeArea4 { width: 227px; margin: 0; }

div.homeSubAreas div.teaser { position: relative; margin: 15px 0 0 0; width: 226px; }
div.homeSubAreas div.teaser img { position: absolute; top: 0px; left: 0px; width: 60px; }
div.homeSubAreas div.teaserInner { margin: 0 0 0 65px; }
div.homeSubAreas div.noImage { margin-left: 5px; }
div.homeSubAreas div.teaser ul li { margin: 0 0 6px 0; }
div.homeSubAreas div.teaser p { margin: 0 0 4px 0; }
div.homeSubAreas div.teaser h4 { text-transform: uppercase; margin: 0px; }
div#homeArea3 div.teaser { float: left; width: 220px; margin: 15px 9px 0 0; }

/* Store Directory */
/*******************/
div#floorDirCont { background-color: #ffffff; border-top: solid 15px #ffffff; background-position: top left; background-repeat: repeat-x; margin: 0 18px; padding: 12px 0 0 0; min-height: 280px; }

/* Store Index */
/***************/
div.indexCol { float: left; width: 200px; margin: 0 16px 0 0; }
div#indexCol3 { margin: 0px; }
div.indexCol p { margin: 0px; }
div.indexCol p a, div.indexCol p a:link, div.indexCol p a:visited, div.indexCol p a:active { text-decoration: none; }
div.indexDirectory p { margin: 0px 0px 8px 0px; }

div.indexCol p a:hover { text-decoration: underline; }

/* Store Pop Up */
/* ------------ */
div.storePopUp { display: none; position: absolute; top: 360px; left: 450px; z-index: 500; width: 515px; overflow: hidden; }
div.storePopUpCont { min-height: 200px; padding: 15px 15px 12px 6px; background-position: top left; background-repeat: no-repeat; }
div.storePopUpCont h3 { font-family: verdana, sans-serif; font-size: 20px; color: #333333; font-weight: bold; padding: 10px 18px 10px 22px; margin: 0px; }
div.storePopUpCont h5 { font-family: verdana, sans-serif; font-size: 11px; color: #333333; font-weight: bold; padding: 10px 0 2px 0; margin: 0px; }
div.storePopUpImages { float: right; margin: 0px 22px 0px 0px; width: 210px; }
div.storePopUpImages img { margin: 0 0 6px 0; }
div.storeInfo { margin: 0 258px 0 22px; }
div.storeInfo p { margin: 0 0 3px 0; }
div.storePopUp div.storePopUpFooter { width: 515px; height: 14px; background-image: url(../../images/office/store-popup-footer.png); background-position: top left; background-repeat: no-repeat; }
a.closeStorePopUp, a.closeStorePopUp:hover { display: block; position: absolute; top: 3px; right: 7px; width: 31px; height: 31px; text-decoration: none; cursor: pointer; }
div.opening-hours { margin-bottom: 10px; }
div.opening-hours table tr td { padding: 1px 0px; }

/* Article Index Styles */
/************************/
div.articleSect { clear: both; min-height: 126px; background-position: bottom left; background-repeat: repeat-x; margin: 0 0 30px 0; }
div.articleSect h3 { margin-left: 150px; }
div.articleSect img { float: left; width: 140px; border-right: solid 10px #ffffff; border-bottom: solid 6px #ffffff; margin: 0 0 24px 0; }
div.articleSect div.inner { margin: 0 0 0 150px; padding: 0 0 8px 0; }

/* News Index Styles */
/*********************/
div.index { padding: 15px 0 0 0; }
div.index div.newsItem { background-position: bottom left; background-repeat: repeat-x; padding: 0 0 7px 0; margin: 0 0 9px 0; }
div.index div.newsItem h5 { font-size: 11px; line-height: 1.34em; margin: 0 0 2px 0; }
div.index div.newsItem h5 a, div.index div.newsItem h5 a:link, div.index div.newsItem h5 a:visited, div.index div.newsItem h5 a:active { text-decoration: none; }
div.index div.newsItem h5 a:hover { text-decoration: underline; }
div.newsItem span.date { font-weight: bold; }
div.newsItem a, div.newsItem a:link, div.newsItem a:visited, div.newsItem a:active { text-decoration: none; }
div.newsItem a:hover { text-decoration: underline; }

/* Photo Gallery */
/*****************/
div.photoGallery { width: 420px; overflow: hidden; margin: 0 0 10px 0; }
div.galleryControls { color: #666666; margin: 0 0 4px 0; }
div.galleryControls a, div.galleryControls a:link, div.galleryControls a:visited, div.galleryControls a:active { text-decoration: none; }
div.galleryControls a:hover { text-decoration: underline; }
div.galleryHolder { }
div.galleryHolder div#gallery-image-caption { text-align: center; margin-bottom: 3px; }

/* Thumbs */
div.galleryThumbOuter { position: relative; padding: 0 13px; background-position: bottom left; background-repeat: repeat-x; }
div.galleryThumbs { position: relative; height: 77px; width: 365px; overflow: hidden; }
div.galleryThumbs div.thumbsInner { position: absolute; top: 0px; left: 0px; height: 50px; width: 5000px; margin: 13px 0; }
div.thumbsInner div.thumbArrow { position: absolute; top: -13px; left: 0px; width: 50px; height: 11px; background-position: top center; background-repeat: no-repeat; }
div.galleryThumbs div.thumbsInner div.thumbHolder { float: left; width: 50px; height: 50px; margin: 0 13px 0 0; overflow: hidden; }
div.thumbHolder a, div.thumbHolder a:link, div.thumbHolder a:visited, div.thumbHolder a:active { text-decoration: none; }
div.thumbHolder a:hover { text-decoration: none; }
div.thumbHolder img { width: 50px; }

/* Previous and Next Buttons */
div.thumbButtons { position: absolute; top: 13px; right: 0px; height: 50px; width: 32px; }
div.thumbButtons a, div.thumbButtons a:link, div.thumbButtons a:visited, div.thumbButtons a:active { display: -moz-inline-box; display: inline-block; width: 18px; height: 22px; margin: 0 0 6px 0; text-decoration: none; background-position: top left; background-repeat: no-repeat; overflow: hidden; }
div.thumbButtons a:hover { background-position: top right; }
div.thumbButtons a span { visibility: hidden; }

/* Main Image */
div.galleryImage { width: 392px; height: 250px; margin: 13px 13px 5px 13px; overflow: hidden; text-align: center; }

/* Site Search */
/***************/
div#searchHeader { margin: 0 0 15px 0; }
div#searchHeader * { vertical-align: top; }
div#searchHeader span, div.resultsHeader span, div#resultsHeader span { font-family: tahoma, verdana, sans-serif; font-size: 16px; font-weight: normal; color: #333333; line-height: 1.4em; margin: 0 0 6px 0; }

div#searchHeader form { display: -moz-inline-box; display: inline-block; position: relative; top: 3px; width: 260px; height: 18px; margin: 0 0 0 10px; overflow: hidden; background-position: top left; background-repeat: no-repeat; }

div#searchHeader form input#searchTextPage { position: absolute; top: 1px; left: 1px; height: 15px; width: 231px; background-color: transparent; font-size: 11px; color: #333333; font-family: sans-serif; padding: 1px 3px 0 3px; }
div#searchHeader form input#searchGoPage { position: absolute; top: 0px; right: 0px; height: 18px; width: 22px; overflow: hidden; background-color: transparent; background-position: -238px 0; background-repeat: no-repeat; cursor: pointer; }

div#searchHeader form input#searchGoPage:hover { background-position: -498px 0; }

div#searchResults { padding: 13px 0 0 0; background-position: top left; background-repeat: repeat-x; }

div#resultsHeader, div.resultsHeader { margin: 0 0 15px 0; }
div.searchItem { padding: 0 0 13px 0; margin: 0 0 12px 0; background-position: bottom left; background-repeat: repeat-x; }

div.searchItem p { margin: 0px; }

div#pagination { text-align: right; }

/* Site Map */
/************/
div#siteMap ul { list-style-type: none; margin: 0 0 8px 0; }
div#siteMap ul li { }
div#siteMap ul li a, div#siteMap ul li a:link, div#siteMap ul li a:visited, div#siteMap ul li a:active { text-decoration: none; }
div#siteMap ul li a:hover { text-decoration: underline; }

div#siteMap ul ul { margin: 2px 0 8px 2em; list-style-type: none; }
div#siteMap ul ul li { }

/* Standard Styles */
/*******************/
div, form, input, textarea, select, address, h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; border: none; }

/* Page Title */
h2 { font-family: tahoma, verdana, sans-serif; font-size: 27px; font-weight: normal; text-transform: uppercase; line-height: 1.4em; margin: 0 0 8px 0; }

/* Heading */
h3 { font-family: tahoma, verdana, sans-serif; font-size: 16px; font-weight: normal; color: #333333; line-height: 1.4em; margin: 0 0 6px 0; }

/* Sub-Heading */
h4 { font-size: 13px; font-weight: bold; line-height: 1.4em; margin: 0 0 8px 0; }

/* Links */
a, a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Document Downloads */
div.docDownload { position: relative; min-height: 16px; margin: 0 0 8px 0; }
div.docDownload img { position: absolute; top: 0px; left: 0px; }
div.docDownload p { padding: 0 0 0 20px; }

/* Image Positioning */
img.left { float: left; margin: 0 10px 6px 0; }
img.right { float: right; margin: 0 0 6px 10px; }

a img { border: 0px; }

/* Simple Lists */
ul, ol { margin: 0 0 8px 1.4em; padding: 0px; line-height: 1.4em; }
li { margin: 0 0 2px 0; }
ul ul, ol ol { margin: 2px 0 8px 2em; }

/* Paragraphs */
p { margin: 0 0 8px 0; }
p.introText, div.introText p { font-size: 13px; margin: 0 0 8px 0; line-height: 1.3em; }

/* Page Divider */
div.divider { background-position: top left; background-repeat: repeat-x; margin: 16px 0 10px 0; padding: 0px; height: 1px; line-height: 1px; font-size: 1px; }

/* Clearing Element */
div.clearBoth { height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; clear: both; }

/* Forms */
/* ----- */

div#login-panel{ margin: 15px 0; }

div.formHolder { width: 420px; padding: 10px 0; }

div.formHolder form label, div.formHolder form strong.question { text-align: right; display: -moz-inline-box; display: inline-block; width: 90px; padding: 0 10px 0 0; font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; }
div.formHolder form label.checkbox-label { width: 265px; text-align: left; }

form { font-size: 10px; color: #333333; font-family: verdana, sans-serif; }
div.formHolder form div.formElem { padding: 0 10px 8px 10px; margin: 0 0 8px 0; background-position: bottom left; background-repeat: repeat-x; }

div.formHolder form div.last { background-image: none; padding-bottom: 0px; }

form input { vertical-align: middle; }
form input.button { cursor: pointer; height: 20px; width: 50px; }
div.formHolder form input.textbox { font-size: 11px; color: #333333; font-family: verdana,sans-serif; padding: 3px 3px 2px 3px; width: 294px; }
div.formHolder form select { vertical-align: top; font-size: 11px; color: #333333; font-family: verdana, sans-serif; }
div.formHolder form input.checkbox { margin: 0 2px 0 0; padding: 0px; }
div.formHolder form textarea { vertical-align: top; font-size: 11px; color: #333333; font-family: verdana, sans-serif; width: 297px; height: 110px; padding: 0 0 0 3px; }

div.formHolder div.formSubmit { padding: 0 10px 0px 110px; }
div.formHolder input.sendButton { width: 43px; height: 19px; overflow: hidden; background-color: transparent; background-position: top left; background-repeat: no-repeat; cursor: pointer; margin-bottom: 3px; }
div.formHolder input.sendButton:hover { background-position: top right; }

div.formHolder form#vip table { border: 0px; }
div.formHolder form#vip td ul { list-style: none none outside; margin-left: 0px; }
div.formHolder form#vip td ul li { margin-bottom: 6px; }
div.formHolder form#vip td.question { text-align: right; font-weight: bold; font-size: 11px; white-space: nowrap; }
div.formHolder form#vip td.question2 { text-align: left; font-weight: bold; font-size: 11px; }
div.formHolder form#vip td { vertical-align: middle; }
div.formHolder form#vip select { border: 1px solid #ccc; }
div.formHolder form#vip label { display: inline; color: #333; text-align: left; font-weight: normal; width: auto; font-size: 10px; padding: 0px; }


/* Tables */
/* ------ */

div.table-wrapper, div.table-wrapper-narrow { margin: 0 0 8px 0; }

table { border-collapse: collapse; width: 100%; }
table tr { background-position: bottom left; background-repeat: repeat-x; }

table tr td { vertical-align: top; padding: 4px 4px 6px 4px; }
table tr th { vertical-align: top; padding: 4px 4px 6px 4px; }

/* Tweaks to get the form rendering correctly */
table tr.noBorder { background-image: none; }
table tr td.noPadding { vertical-align: top; padding: 6px 4px 0px 4px; }

table tr th.rowHeader { text-align: left; }
table tr th { text-align: left; }

table tr td p { margin: 0px; }

/* Bookmark Placeholders */
/* -------------------- */
ul.bookmarkList, div.bookmarkListHorizontally { margin-bottom: 15px; }
ul.bookmarkList { list-style-type: none; }

/* jScrollPaneContainer */
/* -------------------- */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }

/* Conditions */
div#conditions { margin-top: 7px; }

/* Other Centres Pop Up */
/* -------------------- */
div#otherCentresPopUp { display: none; position: absolute; z-index: 150; top: 50px; right: 33px; width: 379px; height: 396px; font-size: 10px; background-position: top left; background-repeat: no-repeat; }

.popUpClose { position: absolute; top: 0; right: 4px; width: 36px; height: 36px; }
.popUpClose a { display: block; width: 36px; height: 36px; }
div#otherCentresPopUp div.divider { height: 1px; line-height: 1px; margin: 0; overflow: hidden; padding: 8px 0 0; }

a.map-region { display: block; position: absolute; }
#map-region-auckland { height: 12px; left: 246px; top: 85px; width: 23px; }
#map-region-hamilton { height: 10px; left: 267px; top: 108px; width: 10px; }
#map-region-palmerston-north { height: 10px; left: 258px; top: 158px; width: 10px; }
#map-region-wellington { height: 12px; left: 248px; top: 180px; width: 20px; }
#map-region-christchurch { height: 12px; left: 204px; top: 235px; width: 19px; }

div.map-popup { background-image: url("../../images/Retailer/properties-popup-top.png"); height: 180px; padding: 10px 22px 10px 10px; position: absolute; width: 140px; display: none; }
div.map-popup div.map-popup-arrow { background-image: url("../../images/Retailer/properties-popup-arrow.png"); height: 17px; left: 162px; position: absolute; top: 18px; width: 22px; }
div.map-popup h3 { font-size: 12px; color: #005285; font-family: Arial,sans-serif; font-weight: bold; line-height: 1.5; }
div.map-popup ul { list-style: none none outside; margin-bottom: 10px; background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
div.map-popup a { font-size: 11px; color: #333; }
div.map-popup li { font-size: 11px; color: #666; padding: 2px 0; }

#popup-auckland { left: 65px; top: 65px; }
#popup-hamilton { left: 88px; top: 88px; }
#popup-palmerston-north { left: 76px; top: 137px; }
#popup-wellington { left: 68px; top: 160px; }
#popup-christchurch { left: 24px; top: 116px; }

#popup-christchurch div.map-popup-arrow { top: 118px; }