body
{
width: 100%;
color: #4d4d4d;
background: #101010 url(/images/bg.png) repeat-x;
font-family: arial, verdana;
font-size: 62.5%;
margin: 0;
}
div.flag
{
float: left;
width: 100%;
text-align: center;
padding: 35px 0 0 0;
margin: 0 auto 0 auto;
background: url(/images/flag.jpg) no-repeat;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form, section, article, nav, aside, footer, menu
{
margin: 0;
padding: 0;
}
form.nav
{
float: left;
}
form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}
div.loading
{
background: url(/images/loading.gif) no-repeat;
}
img.float_right
{
float: right;
padding: 0 0 5px 10px;
}
img.float_left
{
float: left;
padding: 0 10px 5px 0;
}

a:link, a:visited
{
outline: none;
color: #b70000;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #000;
text-decoration: underline;
}
hr
{
clear: left;
width: 100%;
height: 1px;
color: #585858;
border: 0px none;
border-bottom: 1px dotted #585858;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #575757;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 0 0 .6em 0;
display: block;
font-size: 1.4em;
line-height: 1.1em;
color: #000000;
}
h2.title{font-size: 1.5em;text-transform: uppercase;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}

h2.margin{float: left; float: left; margin-top: 20px;}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.2em;
line-height: 1.25em;
}
p small
{
font-size: .9em;
}
p.intro
{
float: left;
width: 100%;
font-size: 1.5em;
line-height: 1.3em;
}
p.details
{
font-size: 1.5em;
line-height: 1.3em;
}
ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.35em;
}
li li
{
font-size: 1em;
}

.logo, p.strapline, div.header ul.list li, div.aside_panels ul.more li, div.whiteholder ul.more li, div.subnav h2
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
.logo a, div.header ul.list li a, div.aside_panels ul.more li a, div.whiteholder ul.more li a, div.subnav h2 a
{
float: left;
display: block;
text-decoration: none;
}
.logo, .logo a
{
width: 263px;
height: 134px;
background: url(/images/logo.gif) no-repeat;
}
.logo img
{
display: none;
}
p.strapline
{
width: 372px;
height: 41px;
margin: 33px 0 13px 0;
float: right;
background: url(/images/strapline.gif) no-repeat top right;
}

h1.sifr
{
clear: left;
margin: 0;
padding: 0;
color: #000;
font-size: 2.5em;
font-weight: normal;
line-height: 1.1em;
width: 100%;
height: 42px;
}

div.eventz
{
width: 930px;
margin: auto;
text-align: left;
}
div.page
{
float: left;
padding: 15px;
background: #ffffff;
width: 900px;
}
div.header
{
width: 858px;
float: left;
padding: 7px 15px 0 27px;
height: 140px;
background: url(/images/header.jpg) no-repeat;
}
div.header ul.list, div.header ul.social
{
padding: 0;
margin: 0;
float: right;
list-style-type: none;
width: 295px;
}
div.header ul.social
{
padding: 85px 0 0 8px;
width: 190px;
float: left;
}
div.header ul.social li
{
float: left;
padding: 0 0 0 8px;
}
div.header ul.social li a
{
float: left;
}
div.header ul.social li a:hover
{
margin-top: -3px;
padding-bottom: 3px;
}
div.header ul.list li a
{
display: block; 
width: 295px;
height: 13px;
background: url(/images/list.png) no-repeat;
}
div.header ul.list li a:hover
{
background-position: bottom left;
}

div.section_about
{
float: left;
padding: 15px;
background: #2f0000;
width: 870px;
color: #868686;
margin: 8px 0 0 0;
}
div.section_about h2
{
color: #e67a01;
}

div.section_content
{
float: left;
width: 100%;
background: url(/images/content.png) repeat-y;
}
div.contentinner
{
float: left;
width: 100%;
background: url(/images/contentinner.png) no-repeat;
}
div.whiteholder, div.whitepad
{
float: right;
width: 725px;
}
div.whitepad
{
width: 715px;
padding: 10px 0 0 0;
}
div.whitepad div.whiteleft
{
float: left;
width: 345px;
}
div.whitepad div.whiteright
{
float: right;
width: 345px;
}
div.whitepad ul.sponsors
{
padding: 0;
list-style-type: none;
margin: 0;
float: left;
width: 715px;
}
div.whitepad ul.sponsors li
{
float: left;
padding: 0 25px 25px 0;
}

div.whiteholder p.breadcrumbs
{
float: left;
width: 100%;
margin: 10px 0 10px 0;
font-size: 1.1em;
}
div.whiteholder div.image
{
clear: left;
width: 725px;
}
div.whiteholder div.image p
{
margin: 0;
}
div.whiteholder div.listing
{
float: left;
width: 725px;
background: #ebebeb;
margin: 0 0 6px 0;
position: relative;
}
div.whiteholder div.listing h3 span
{
font-weight: normal;
}
div.whiteholder div.listing img
{
float: left;
}
div.whiteholder div.listing ul.info, div.greyarea ul.info
{
list-style-type: none;
padding: 0;
}
div.greyarea ul.info ul
{
list-style-type: none;
padding: 0 0 0 15px;
}
div.whiteholder div.listing div.inner
{
padding: 12px 12px 0 0;
float: right;
width: 577px;
min-height: 89px;
height: auto;
}
div.whiteholder ul.more
{
list-style-type: none;
float: right;
width: 23px;
padding: 0;
margin: -29px -12px 0 0;
position: absolute;
bottom: 0;
right: 12px;
}
div.whiteholder ul.more li, div.whiteholder ul.more li a
{
width: 23px;
height: 29px;
background: url(/images/panelmore.gif) no-repeat;
}
div.whiteholder ul.more li a:hover
{
background-position: bottom left;
}

div.whiteholder p.showing
{
float: left;
width: 100%;
padding: 0;
margin: 0;
}
div.whiteholder ul.pages
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 10px 0;
list-style-type: none;
}
div.whiteholder ul.pages li
{
float: right;
padding: 0;
}
div.whiteholder ul.pages li.showing
{
float: left;
}
div.whiteholder ul.pages li a
{
padding: 0 3px;
}



div.greyarea
{
padding: 20px;
float: right;
width: 685px;
background: #ebebeb;
}
div.greyarea p.clubfilter select
{
background: #fff;
border: 1px solid #d0d0d0;
}
div.greyarea table.clubs
{
float: left;
width: 685px;
}
div.greyarea table.clubs td, div.greyarea table.clubs th
{
font-size: 1.1em;
padding: 3px 4px;
}
div.greyarea table.clubs th
{
background: #4d4d4d;
color: #fff;
}

div.greyarea table.clubs td
{
border-bottom: 1px solid #ccc;
}
div.greyarea ul.az
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
list-style-type: none;
}
div.greyarea ul.az li
{
float: left;
line-height: 1.1em;
font-weight: bold;
border-left: 1px solid #5d5d5d;
}
div.greyarea ul.az li a
{
float: left;
padding: 0 3px;
}
div.greyarea ul.az li.start
{
border: 0 none;
}
div.greyarea ul.az li.start a
{
padding: 0 3px 0 0;
}


div.greyarea div.club
{
float: left;
width: 685px;
background: #ebebeb;
margin: 0 0 8px 0;
padding: 8px 0 0 0;
border-top: 1px dotted #5d5d5d;
}
div.greyarea div.club span
{
font-weight: normal;
}
div.greyarea div.club img
{
float: left;
}
div.greyarea div.club div.inner
{
float: right;
width: 540px;
}
div.greyarea div.club ul.details
{
float: left;
width: 100%;
list-style-type: none;
padding: 0;
margin: 0 0 10px 0;
}
div.greyarea div.club ul.details li
{
float: left;
padding: 0 14px 3px 0;
}
div.greyarea div.club ul.details li a
{
float: left;
padding: 0 0 0 20px;
}
div.greyarea div.club ul.details li.phone, div.greyarea div.club ul.details li.address
{
padding-left: 20px;
}
div.greyarea div.club ul.details li.address, div.greyarea div.club ul.details li.address a
{
background: url(/images/icon_address.gif) no-repeat;
}
div.greyarea div.club ul.details li.phone, div.greyarea div.club ul.details li.phone a
{
background: url(/images/icon_phone.gif) no-repeat;
}
div.greyarea div.club ul.details li.email, div.greyarea div.club ul.details li.email a
{
background: url(/images/icon_email.gif) no-repeat;
}
div.greyarea div.club ul.details li.web, div.greyarea div.club ul.details li.web a
{
background: url(/images/icon_web.gif) no-repeat;
}


div.greyarea div.eventimages
{
float: right;
width: 336px;
padding: 0 0 4px 16px;
}
div.greyarea div.eventimages div.main
{
float: left;
width: 332px;
padding: 0 4px 0 0;
margin: 0 0 6px 0;
}
div.greyarea div.eventimages ul
{
list-style-type: none;
padding: 0;
margin: 0;
float: left;
width: 336px;
}
div.greyarea div.eventimages ul li
{
padding: 0 4px 4px 0;
float: left;
}
div.greyarea div.eventimages ul li a.active img
{
filter: alpha(opacity=30);
-moz-opacity: 0.30;
opacity:0.30;
}

div.mapholder
{
float: left;
width: 100%;
margin-top: 20px;
overflow: hidden;
position: relative;
}
div.mapholder div.map
{
float: left;
width: 683px;
height: 393px;
margin: 0 0 15px 0;
border: 1px solid #ccc;
}
div.mapholder div.map p
{
font-size: 1em;
}


div.section_content div.homeimage
{
float: right;
width: 236px;
height: 296px;
padding: 0 0 0 9px;
}
div.section_content div.homeimage p
{
position: absolute;
margin: 0;
}

div.section_content ul.links
{
float: left;
width: 300px;
padding: 0 19px 0 0;
margin: 0;
list-style-type: none;
}
div.section_content ul.links li
{
padding: 0;
margin: 1em 0 .4em 0;
}
div.section_content ul.links li a:link, div.section_content ul.links li a:visited
{
text-decoration: none;
}
div.section_content ul.links li a strong
{
color: #3b3a3a;
}
div.section_content ul.links li a:hover, div.section_content ul.links li a:active,
div.section_content ul.links li a:hover strong, div.section_content ul.links li a:active strong
{
text-decoration: underline;
color: #3b3a3a;
}

div.mapleft, div.mapleft div.selects
{
float: left;
width: 280px;
}
div.mapleft div.selects
{
margin: 0 0 30px 0;
}
div.mapleft div.selects p
{
float: left;
width: 280px;
}
div.mapleft div.selects p label
{
font-weight: bold;
}
div.mapleft div.selects p select, div.mapleft div.selects p input
{
margin: 2px 0 0 0;
vertical-align: middle;
}
div.mapleft div.selects p select
{
padding: 2px;
width: 200px;
border: 1px solid #dbdbdb;
}
div.map
{
position: relative;
width: 313px;
height: 462px;
float: right;
}

div.map img
{
position: absolute;
}
div.map img.mapblank
{
z-index: 2;
}

div.map div.overlay
{
z-index: 1;
position: absolute;
}

div.map div.auckland
{
background: url(/images/map_auckland.gif) no-repeat;
width: 29px;
height: 36px;
top: 67px;
left: 199px;
}
div.map div.bay-of-plenty
{
background: url(/images/map_bop.gif) no-repeat;
width: 46px;
height: 59px;
top: 107px;
left: 232px;
}
div.map div.canterbury
{
background: url(/images/map_canterbury.gif) no-repeat;
width: 104px;
height: 101px;
top: 267px;
left: 76px;
}
div.map div.hawkes-bay-east-coast
{
background: url(/images/map_east.gif) no-repeat;
width: 75px;
height: 104px;
top: 110px;
left: 238px;
}
div.map div.nelson-marlborough
{
background: url(/images/map_nelson.gif) no-repeat;
width: 60px;
height: 80px;
top: 207px;
left: 145px;
}
div.map div.northland
{
background: url(/images/map_northland.gif) no-repeat;
width: 53px;
height: 65px;
top: 11px;
left: 161px;
}
div.map div.otago
{
background: url(/images/map_otago.gif) no-repeat;
width: 77px;
height: 92px;
top: 334px;
left: 42px;
}
div.map div.southland
{
background: url(/images/map_southland.gif) no-repeat;
width: 83px;
height: 107px;
top: 342px;
left: 0;
}
div.map div.taupo-tongariro
{
background: url(/images/map_tong.gif) no-repeat;
width: 37px;
height: 40px;
top: 139px;
left: 223px;
}
div.map div.waikato
{
background: url(/images/map_waikato.gif) no-repeat;
width: 38px;
height: 83px;
top: 76px;
left: 209px;
}
div.map div.wanganui
{
background: url(/images/map_wang.gif) no-repeat;
width: 62px;
height: 64px;
top: 150px;
left: 188px;
}
div.map div.wellington
{
background: url(/images/map_wellington.gif) no-repeat;
width: 47px;
height: 40px;
top: 206px;
left: 211px;
}
div.map div.west-coast
{
background: url(/images/map_westcoast.gif) no-repeat;
width: 118px;
height: 128px;
top: 218px;
left: 37px;
}


div.aside_panels
{
float: left;
width: 906px;
margin: 8px -6px 0 0;
background: url(/images/panel.png?v3);
}
div.aside_panels a:link, div.aside_panels a:visited
{
color: #b70000;
}
div.aside_panels a:hover, div.aside_panels a:active
{
color: #000;
}
div.aside_panels div.panel
{
float: left;
width: 281px;
position: relative;
min-height: 140px;
padding: 17px 6px 7px 15px;
}
div.aside_panels div.panelinner
{
float: left;
width: 266px;
}
div.aside_panels h2, div.aside_panels h2 a
{
float: left;
width: 100%;
}


div.aside_panels p
{
font-size: 1.1em;
}
div.aside_panels ul li
{
font-size: 1.1em;
}

div.aside_panels ul.more
{
position: absolute;
list-style-type: none;
float: right;
width: 23px;
padding: 0;
margin: 0;
bottom: 0;
right: 6px;
}
div.aside_panels ul.more li, div.aside_panels ul.more li a
{
width: 23px;
height: 29px;
background: url(/images/panelmore.png) no-repeat;
}
div.aside_panels ul.more li a:hover
{
background-position: bottom left;
}

/* ######## END Panels ######## */


/* ######## Form Stuff ######## */
div.formright
{
width: 335px;
padding: 20px 0 0 0;
float: right;
}
div.formleft
{
width: 310px;
float: left;
padding: 20px;
background: #ebebeb;
}
div.formleft p.field
{
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
}
div.formleft p.submit
{
float: left;
width: 100%;
margin: 0;
}
form.loading div.formleft p.submit
{
background: url(/images/loading.gif) no-repeat bottom left;
}
div.formleft p.submit input, div.formleft p.total input{vertical-align: middle;}
div.formleft p.submit input.submit, div.formleft p.total input.submit, div.formleft p.submit img
{
float: right;
}
div.formleft p.field input.input, div.formleft p.field textarea, div.formleft p.field select
{
margin: 2px 0 0 0;
background: #fff;
border: 1px solid #d0d0d0;
width: 304px;
}
div.formleft p.field textarea
{
height: 100px;
}
div.formleft p.field input.alert, div.formleft p.field select.alert, div.formleft p.field textarea.alert
{
border: 1px solid #b70000;
}
div.formleft form
{
float: left;
width: 100%;
}
div.formleft div.gap
{
float: left;
width: 100%;
padding: 10px 0 0 0;
margin: 5px 0 0 0;
border-top: 1px dotted #ccc;
}

div.formleft p.field select
{
padding: 2px;
width: 312px;
}
div.formleft p.field select.auto
{
width: auto;
padding: 1px;
}
div.formleft span.star
{
color: #b70000;
font-weight: bold;
}
div.formleft p.field input#verify
{
width: 130px;
}
div.formleft p.field img
{
float: right;
}

div.formleft div.status
{
background: #b70000;
border: 1px solid #b70000;
width: 310px;
margin: 0 0 10px 0;
float: left;
}
div.formleft div.status a:link, div.formleft div.status a:visited
{
color: #000;
}
div.formleft div.status a:hover, div.formleft div.status a:active
{
color: #fff;
}
div.formleft div.status p
{
width: 300px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.formleft div.status ul
{
width: 280px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #b70000;
}
div.formleft div.status ul
{
margin: 0;
}
div.formleft p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.formleft form
{
float: left;
width: 100%;
}
/* ######## END Form Stuff ######## */


div.logos
{
float: left;
width: 915px;
margin: 1px 0 0 0;
padding: 8px 15px 0 0;
background: #b50201 url(/images/logos.png) repeat-x;
}
div.logos ul
{
float: left;
width: 915px;
list-style-type: none;
padding: 0;
margin: 0;
}
div.logos ul li
{
float: right;
height: 43px;
padding: 0 0 8px 15px;
}
div.footer
{
float: left;
width: 930px;
margin: 12px 0 0 0;
padding: 0 0 12px 0;
color: #fff;
}
div.footer a:link, div.footer a:visited
{
color: #fff;
text-decoration: underline;
}
div.footer a:hover, div.footer a:active
{
color: #ec9609;
text-decoration: underline;
}
div.footer ul.links
{
width: 930px;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
div.footer ul.links li
{
float: left;
line-height: 1.1em;
font-size: 1.1em;
padding: 0 8px 0 8px;
border-left: 1px solid #ec9609;
}
div.footer ul.links li.first
{
padding-left: 0;
border-left: 0 none;
}
div.footer ul.links li.copy
{
float: right;
border-left: 0 none;
}
div.footer ul.links li.swordfox
{
float: right;
padding-right: 0;
}

.tip
{
width:148px;
height: 84px;
background:url(/images/tip.png);
text-align: left;
padding: 10px;
position: absolute;
z-index: 20;
}
.tip-top
{

}
.tip-title
{
padding: 0 0 4px 0;
color: #fff;
font-weight: bold;
font-size: 1.2em;
border-bottom: 1px solid #fff;
}
.tip-text
{
padding: 10px 0 5px 0;
color: #fff;
font-size: 1.2em;
}
.tip-bottom
{

}


abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #b3b3b3;
}

.left { float: left; }
.right { float: right; }

/* directory section */

#directory, #museums { clear: both; width: 900px; height: 641px; position: relative; background: url(../images/directory-bg.jpg) top left no-repeat; }
	#directory h1, #museums h1 {color: #fff; font-size: 3em; font-weight: bold; letter-spacing: -.05em;}
	#directory .intro, #museums .intro { width: 490px; overflow: hidden; position: absolute; top: 54px; left: 70px; }
	#directory .intro p, #museums .intro p { font-size: 1.3em; font-weight: bold; color: #fff; }
	#directory .intro p.large, #museums .intro p.large  {font-size: 1.8em;}
	#directory .intro p a, #directory .intro p a:visited,
	#museums .intro p a, #museums .intro p a:visited{ text-decoration: underline; color: #fff; }
	
	#directory .nav, #museums .nav { position: absolute; top: 260px; left: 70px; }
	#directory .nav ul, #museums .nav ul { list-style: none; margin: 0; padding: 0; }
	#directory .nav ul li, #museums .nav ul li { padding: 10px 0; clear: both; }
	#directory .nav a, #museums .nav a { padding: 12px; text-decoration: none; color: #fff; font-size: 25px; line-height: 40px; }
	
	#directory .directoryMap, #museums .directoryMap { position: relative; top: 97px; right: 30px; }
	#directory .directoryMap img, #museums .directoryMap img { position: absolute; top: 11px; right: -2px; }
	
	#directory .map, #museums .map { position: relative; }
	
	#directory .categories, #museums .categories { width: 158px; height: 94px; background: url(../images/tip.png) top left no-repeat; position: absolute; top: 0; left: 0; z-index: 99; display: none; overflow: hidden; padding: 5px; color: #fff; }
	#directory .categories p, #directory .categories a, #museums .categories p, #museums .categories a { color: #fff; text-decoration: none; }
	#directory .categories a:hover, #museums .categories a:hover { text-decoration: underline; }
	#directory .regionTitle, #museums .regionTitle { font-weight: bold; color: #fff; border-bottom: 1px solid #fff; margin: 0 0 2px 0; padding: 0 0 2px 0; }
	


/* directory map */

div.directoryMap div.auckland {
background: url(/images/dmap-auckland.png) no-repeat;
top: 67px;
left: 199px;
}
div.directoryMap div.bay-of-plenty
{
background: url(/images/dmap-bay.png) no-repeat;
top: 107px;
left: 233px;
}
div.directoryMap div.canterbury
{
background: url(/images/dmap-cant.png) no-repeat;
top: 267px;
left: 76px;
}
div.directoryMap div.hawkes-bay-east-coast
{
background: url(/images/dmap-east.png) no-repeat;
top: 110px;
left: 238px;
}
div.directoryMap div.nelson-marlborough
{
background: url(/images/dmap-nelson.png) no-repeat;
top: 207px;
left: 145px;
}
div.directoryMap div.northland
{
background: url(/images/dmap-northland.png) no-repeat;
top: 11px;
left: 161px;
}
div.directoryMap div.otago
{
background: url(/images/dmap-otago.png) no-repeat;
top: 334px;
left: 42px;
}
div.directoryMap div.southland
{
background: url(/images/dmap-southland.png) no-repeat;
top: 342px;
left: 0;
}
div.directoryMap div.taupo-tongariro
{
background: url(/images/dmap-tong.png) no-repeat;
top: 139px;
left: 223px;
}
div.directoryMap div.waikato
{
background: url(/images/dmap-waikato.png) no-repeat;
top: 76px;
left: 209px;
}
div.directoryMap div.wanganui
{
background: url(/images/dmap-wang.png) no-repeat;
top: 150px;
left: 188px;
}
div.directoryMap div.wellington
{
background: url(/images/dmap-wellington.png) no-repeat;
top: 206px;
left: 211px;
}
div.directoryMap div.west-coast
{
background: url(/images/dmap-westcoast.png) no-repeat;
top: 218px;
left: 37px;
}

h1.title { color: #000; font-size: 25px; margin: 0 0 20px 0; }
h1.title {float: left; width: 100%; position: relative;}
h1.title span {float: left;}
h1.title span.small {float: right; font-size: .7em; padding: 0;position: absolute; right: 0; top: -35px;}

#directory .title { background: url(/images/directory-title.png) 0 0 no-repeat; width: 628px; height: 71px; }
#directory .title h1 { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -5000px; }



div.mainarea { padding: 0 10px 10px 0; float: right; width: 715px; }
div.mainarea h1.title { margin: 20px 0 !important; }

.directoryListings {float: left; width: 100%;}
.directoryListings ul { list-style: none; margin: 0; padding: 0; }
	.directoryListings ul li { background: #E3E3E3; padding: 10px; margin-bottom: 10px; overflow: hidden; width: 706px; position: relative; }
	.directoryListings ul li h2 { font-size: 15px; }
	.directoryListings .image { width: 115px; }
	.directoryListings .info { padding: 10px 20px; width: 513px; }
	.directoryListings .icons { clear: both; display: block; padding: 5px 0; }
	.directoryListings p { clear: both; padding: 8px 0 0; font-size: 12px; }
	.directoryListings .icons div { float: left; margin: 0 14px 0 0; font-size: 12px !important; }
	
	.directoryListings #listingId, .directoryListings #listingId { display: none; }
	.directoryListings .icons .telInfo, .directoryListings .icons .webInfo, .directoryListings .icons .emailInfo { display: none; color: #000; }
	
	.directoryListings div.text { width: 354px; }
	.directoryListings .view .info { width: 728px !important; padding: 0 !important; position: relative; background: #E3E3E3; overflow: hidden; }
	.directoryListings .view .details { padding: 15px 16px; overflow: hidden; }
	.directoryListings .view .icons { background: url(../images/bg-directory-view.png) top left no-repeat; height: 18px !important; padding: 16px !important;}
	.directoryListings .view h2.subtitle { font-size: 17px; font-weight: bold; }
	.directoryListings .view h1 { margin: 10px 0 12px !important; }
	.directoryListings .view .bookingButton { position: absolute; top: 14px; right: -10px; }
	
	.directoryListings .view .special { width: 349px; background: url(../images/title-special-deal.png) top left no-repeat; overflow: hidden; margin-bottom: 20px; }
	.directoryListings .view .specialInner { width: 349px; background: url(../images/bottom-special-deal.png) bottom left no-repeat; padding: 26px 0 8px 0; }
	.directoryListings .view .specialContent { background: #414141; padding: 10px 13px 6px; color: #fff; }
	.directoryListings .view .specialContent a, .directoryListings .view .specialContent a:visited { color: #FAAC00; font-weight: bold; text-decoration: underline; }
	.directoryListings .view .specialContent a:hover { color: #DE7905; }
	.directoryListings .view .specialContent p { color: #fff; font-weight: bold; font-size: 12px !important; padding: 0 !important; margin: 5px 0; }
	.directoryListings .view .deal { font-size: 26px; font-weight: bold; }
	
	.directoryListings ul li .image { width: 120px !important; } 
	
	.directoryListings .view p { padding: 0 !important; margin: 5px 0; }
	

/* buttons/icons */
	.buttonTel {  }
	.buttonTel a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px;width: 38px; height: 16px; background: url(../images/button-tel.png) top left no-repeat; }
	.buttonTel a:hover { background-position: bottom left; }
	
	.buttonEmail {  }
	.buttonEmail a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px;width: 55px; height: 15px; background: url(../images/button-email.png) top left no-repeat; }
	.buttonEmail a:hover { background-position: bottom left; }
	
	.buttonWeb { }
	.buttonWeb a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px;  width: 47px; height: 15px; background: url(../images/button-web.png) top left no-repeat;}
	.buttonWeb a:hover { background-position: bottom left; }
	
	div.buttonFacebook { margin-top: 2px !important; }
	.buttonFacebook { width: 52px; height: 11px; background: url(../images/button-facebook.png) top left no-repeat; }
	.buttonFacebook a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px; }
	.buttonFacebook a:hover { background-position: bottom left; }
	
	div.buttonTwitter { margin-top: 3px !important; } 
	.buttonTwitter { width: 51px; height: 10px; background: url(../images/button-twitter.png) top left no-repeat; }
	.buttonTwitter a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px; }
	.buttonTwitter a:hover { background-position: bottom left; }

	.directoryListings div.more { position: absolute; bottom: 0; right: 0; }
	.directoryListings .more { width: 23px; height: 29px; background: url(../images/panelmore.gif) top left no-repeat; }
	.directoryListings .more a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px; }
	.directoryListings .more a:hover { background-position: bottom left; }

.allinnz { padding: 10px 0 0 !important; clear: both; display: block; }	
.allinnz a { text-decoration: none !important; font-size: 12px; color: #fff !important; }
	
.bannervert { float: left; width: 160px; padding: 0 2px 2px; text-align: center; clear: left; }
.bannerhoriz { clear: both; padding: 10px 0 0 0; }

.subnav button.calendar { margin: 3px 0 0 0 !important; float: right; }
.subnav #search_date { width: 106px !important; float: left; }

.breadcrumbsDirectory { font-size: 11px !important; margin: 10px 0 0 !important;; }

.buttonBook { width: 146px; height: 22px; background: url(../images/button_book.png) top left no-repeat; }
.buttonBook a { font-size: 0.05mm; line-height: 0.05mm; display: block; text-indent: -1000px; }
.buttonBook a:hover { background-position: bottom left; }