/*------------------------------------------------------------------------------------------------------------
GENERAL DEFINITIONS -
Definitions that apply to all pages of
the site. They may be redefined for specific
classes or pages below.
-------------------------------------------------------------------------------------------------------------*/
div#etag
{
border: #fff 1px solid;
left: 750px;
margin: 5px;
width: 150px;
position: absolute;
top: 18px;
height: 240px;
background-color:#376DB4 !important;
padding:2px;
font-size: 12px;
color: white;
}
div#etag a
{
font-size: 11px;
color: white;
text-decoration: underline;
}
div#etag hr
{
margin-top:5px;
margin-bottom:5px;
color: #ffffff;
background-color: #ffffff;
height:1px;
width:100%;
}
/* This resets all the default behaviour such as padding on the
the that is different accross platforms */
*
{
border: 0px;
margin: 0px;
padding: 0px;
}
/* General default styles for the body and all elements inside it */
body
{
font-family: Arial, Verdana, Sans-serif;
text-align: left; /* This is related to the centering of the div#container and is necessary because IE doesn't understand margin:auto*/
font-size: 62.5%; /* 62.5% is the default font size to 10px on all platforms and allows for other dimensions to be defined in ems relative to this size */
color: #5C5C5C;
/*background-color: #fff;
background-image: url(/TNSW/Templates/images/gradient.gif); /* The background gradient for the Mother brand pages - redefined in the color specific stylesheets
background-repeat: repeat-x;*/
/*background-image: url(/Sites/SiteID3/objLib247/Sydney_mainbg.jpg);*/
background-image: url(/TNSW/Templates/images/1024/nsw-default.jpg);
background-repeat: no-repeat;
background-position:center top;
z-index: 1;
/*background-color: #6c8cbf;*/
background-color: #C2C56E;
/*overflow: -moz-scrollbars-vertical; */
overflow-x: hidden;
}
table
{
border-collapse: collapse;
}
table tr th,
table tr td
{
vertical-align: top;
text-align: left;
}
/* Default link behaviour */
a,
a:link,
a:visited
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
a
{
color: #ff6600;
}
/* The main titles - there's only one on each page and it will be replaced with Flash text */
h1
{
color: #ff6600;
font-size: 2.7em;
font-weight: lighter;
font-family: Bliss, Arial Narrow, Arial, Verdana, Helvetica Neue;/**/
padding-bottom: 8px;
}
h2
{
color: #ff6600;
font-size: 1.8em;
font-weight: lighter;
text-transform: none;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
}
h3
{
font-size: 1.2em;
color: #ff6600;
}
li h3
{
font-size: 1em;
}
h4
{
font-size: 1.1em;
line-height: 1.1em;
font-weight: normal;
}
h5
{
font-size: 1.1em;
line-height: 1.1em;
}
/* Set the default list style to disk and we later we turn it off for individual cases */
ul
{
list-style-type: square;
margin:1em;
padding:0 0 0 1em;
font-size: 1.1em;
line-height: 1.3em;
}
ul ul
{
list-style-type: square;
margin:1em;
padding:0 0 0 1em;
font-size: 1.0em;
line-height: 1.0em;
}
p
{
font-size: 1.1em;
line-height: 1.2em;
}
li
{
margin:0.5em 0;
}
li p
{
font-size: 1em;
line-height: 1em;
}
strong
{
color: #5C5C5C;
}
/*------------------------------------------------------------------------------------------------------------
STRUCTURAL - layout settings for all
pages
-------------------------------------------------------------------------------------------------------------*/
div#global
{
border: 0px solid #000;
padding: 0px 16px 16px 16px;
padding: 0px;
width: 920px;
text-align: left;
margin-left: auto;
margin-right: auto;
position: relative;
left:90px
}
div#right-side-ads
{
border: 0px solid #000;
padding: 0px 0px 16px 10px;
width: 160px;
width: 154px;
text-align: left;
margin-left: auto;
margin-right: auto;
float: left; display:inline;
}
div#left-container
{
border: 0px solid #000;
padding: 0px 16px 16px 16px;
width: 718px;
text-align: left;
background-color: #FFF;
float: left; display:inline;
}
div#container
{
padding: 0px 16px 16px 16px;
width: 720px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}
div.one-column-div-padding-right,
div.two-column-div-padding-right,
div.three-column-div-padding-right,
div.four-column-div-padding-right,
div.five-column-div-padding-right,
div.one-column-div,
div.two-column-div,
div.three-column-div,
div.four-column-div,
div.five-column-div
{
float: left; display:inline;
}
.one-columnmyspace-div
{
width: 150px;
}
.one-column-div
{
width: 186px;
}
.oneINT-column-div
{
width: 110px;
}
.oneINTB-column-div
{
width: 108px;
}
.two-column-div
{
width: 230px;
}
.two-columnsyd-div
{
width: 230px;
float: left;
}
.three-column-div
{
width: 274px;
}
.four-column-div
{
width: 475px;
}
.fourINT-column-div
{
width: 474px;
}
.five-column-div
{
width: 596px;
}
.one-column-div-padding-right
{
width: 186px;
padding-right: 14px
}
one-columnrcol-div-padding-right{
width: 200px;
padding-right: 14px
}
.two-column-div-padding-right
{
width: 230px;
padding-right: 14px
}
.three-column-div-padding-right
{
width: 352px;
padding-right: 14px
}
.four-column-div-padding-right
{
width: 474px;
padding-right: 14px
}
.five-column-div-padding-right
{
width: 596px;
padding-right: 14px
}
.six-column-div230
{
width: 675px;
}
.six-column-div
{
width: 720px;
}
/*------------------------------------------------------------------------------------------------------------
class "related-editorials"
-------------------------------------------------------------------------------------------------------------*/
div.related-editorials
{
padding-bottom: 16px;
}
div.related-editorials ul
{
margin:0 0 0 16px;
padding:0;
}
/* IE won't understand this */
div.related-editorials > ul
{
margin-left: 14px;
}
/*------------------------------------------------------------------------------------------------------------
class "links"
-------------------------------------------------------------------------------------------------------------*/
div.links
{
padding-bottom: 16px;
}
div.links img
{
margin-bottom: 16px;
}
div.links ul
{
list-style-type: none;
margin:0;
padding:0;
}
/*------------------------------------------------------------------------------------------------------------
class "contact-details"
-------------------------------------------------------------------------------------------------------------*/
div.contact-details
{
padding-bottom: 16px;
}
div.contact-details p
{
padding-bottom: 4px;
}
div.contact-details img
{
margin-bottom: 16px;
}
/*------------------------------------------------------------------------------------------------------------
class "ratings"
-------------------------------------------------------------------------------------------------------------*/
div.ratings
{
padding-bottom: 16px;
}
div.ratings h3
{
float:left;
display: inline;
padding-right: 10px;
}
div.ratings img
{
float:left;
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "text-column"
-------------------------------------------------------------------------------------------------------------*/
div.text-column
{
padding-bottom: 16px;
}
div.text-column p
{
padding-bottom: 4px;
}
div.text-column p
{
line-height:1.3em !important;
}
div.text-column ul
{
margin:0 0 0 16px;
padding:0 0 4px 0;
}
/* IE won't understand this */
div.text-column > ul
{
margin-left: 14px;
padding-bottom: 4px;
}
div.text-column h3
{
padding-bottom: 0;
}
/*------------------------------------------------------------------------------------------------------------
class "zone-highlight"
-------------------------------------------------------------------------------------------------------------*/
/* NOTE: I have set a height to avoid the list below it jumping around if there's varying amounts of text.
This is a bit risky. I don't usually set heights on divs, I usually let the content set the height.
In this case Fluid were adamant that there should never be more text in the div than equalled the height
of the image, and that the need for the div to be a constant height outweighed the danger of the
text overflowing if the font size was increased byt the user */
div.zone-highlight
{
padding-bottom: 2px;
height: 8em;
display: none;
}
div.zone-highlight a
{
display: block;
float: left;
}
div.zone-highlight p a
{
display: inline;
float: none;
}
div.zone-highlight img
{
display: block;
float: left;
margin-right: 14px;
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "area-highlight"
-------------------------------------------------------------------------------------------------------------*/
/* NOTE: I have set a height to avoid the list below it jumping around if there's varying amounts of text.
This is a bit risky. I don't usually set heights on divs, I usually let the content set the height.
In this case Fluid were adamant that there should never be more text in the div than equalled the height
of the image, and that the need for the div to be a constant height outweighed the danger of the
text overflowing if the font size was increased byt the user */
div.area-highlight
{
padding-bottom: 2px;
height: 8em;
display: none;
}
div.area-highlight a
{
display: block;
float: left;
}
div.area-highlight p a
{
display: inline;
float: none;
}
div.area-highlight img
{
display: block;
float: left;
margin-right: 14px;
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-home"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-home {
padding-bottom: 8px;
}
div.featureINT-set-home {
padding-bottom: 8px;
float:right
}
div.feature-set-home p a,
div.feature-set-home h2
{
font-family:Arial Narrow, Arial;
font-weight: bold;
}
div.feature-set-home p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-one"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-one {
padding-bottom: 8px;
}
div.feature-set-one img {
display: block;
margin-bottom: 8px;
}
div.feature-set-one a {
display: block;
}
div.feature-set-one p a,
div.feature-set-one h3 a {
display: inline;
}
div.feature-set-one h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right: .2em;
}
div.feature-set-one p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-two"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-two {
padding-bottom: 8px;
}
/*
div.feature-set-two a {
display: block;
float: left;
}
*/
div.feature-set-two p a,
div.feature-set-two h3 a
{
display: inline;
float: none;
}
div.feature-set-two img {
display: block;
float: left;
margin-right: 8px;
display: inline;
}
div.feature-set-two h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right:5px;
}
div.feature-set-two p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-two-padding-right"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-two-padding-right {
padding-bottom: 8px;
padding-right: 14px;
}
div.feature-set-two-padding-right a {
display: block;
float: left;
}
div.feature-set-two-padding-right p a,
div.feature-set-two-padding-right h3 a {
display: inline;
float: none;
}
div.feature-set-two-padding-right img {
display: block;
float: left;
margin-right: 8px;
display: inline;
}
div.feature-set-two-padding-right h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right: .2em;
}
div.feature-set-two-padding-right p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-three"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-three {
padding-bottom: 16px;
}
div.feature-set-three a {
display: block;
float: left;
}
div.feature-set-three p a,
div.feature-set-three h3 a {
display: inline;
float: none;
}
div.feature-set-three img {
display: block;
float: left;
margin-right: 8px;
display: inline;
}
div.feature-set-three h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right: .2em;
}
div.feature-set-three p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-three-padding-right"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-three-padding-right {
padding-bottom: 16px;
padding-right: 14px;
}
div.feature-set-three-padding-right a {
display: block;
float: left;
}
div.feature-set-three-padding-right p a,
div.feature-set-three-padding-right h3 a {
display: inline;
float: none;
}
div.feature-set-three-padding-right img {
display: block;
float: left;
margin-right: 8px;
display: inline;
}
div.feature-set-three-padding-right h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right: .2em;
}
div.feature-set-three-padding-right p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-four"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-four {
padding-bottom: 16px;
}
div.feature-set-four a {
display: block;
float: left;
}
div.feature-set-four p a,
div.feature-set-four h3 a {
display: inline;
float: none;
}
div.feature-set-four img {
display: block;
float: left;
margin-right: 14px;
display: inline;
}
div.feature-set-four h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right: .2em;
}
div.feature-set-four p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-four-padding-right"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-four-padding-right {
padding-bottom: 16px;
padding-right: 14px;
}
div.feature-set-four-padding-right a {
display: block;
float: left;
}
div.feature-set-four-padding-right p a,
div.feature-set-four-padding-right h3 a {
display: inline;
float: none;
}
div.feature-set-four-padding-right img {
display: block;
float: left;
margin-right: 14px;
display: inline;
}
div.feature-set-four-padding-right h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right: .2em;
}
div.feature-set-four-padding-right p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-five"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-five {
padding: 8px;
margin-bottom: 16px;
}
div.feature-set-five img {
display: block;
margin-bottom: 8px;
}
div.feature-set-five a {
display: block;
}
div.feature-set-five p a,
div.feature-set-five h3 a {
display: inline;
}
div.feature-set-five h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right:5px;
}
div.feature-set-five p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "feature-set-six"
-------------------------------------------------------------------------------------------------------------*/
div.feature-set-six {
padding: 8px;
margin-bottom: 16px;
}
div.feature-set-six img {
display: block;
margin-bottom: 8px;
}
div.feature-set-six a {
display: block;
}
div.feature-set-six p a,
div.feature-set-six h3 a {
display: inline;
}
div.feature-set-six h3
{
display: inline;
line-height: 0.8em;
font-weight: normal;
padding-right:5px;
}
div.feature-set-six p
{
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
class "area-features"
-------------------------------------------------------------------------------------------------------------*/
div.area-features h2
{
color: #5C5C5C;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 2px;
}
/*------------------------------------------------------------------------------------------------------------
class "area-list"
-------------------------------------------------------------------------------------------------------------*/
div.area-list
{
padding-bottom: 16px;
}
div.area-list h2
{
color: #5C5C5C;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 2px;
}
div.area-list ul
{
margin:0 0 0 16px;
padding:0;
line-height: 1.2em;
}
div.area-list ul h4
{
display: inline;
font-weight: bold;
color: #666;
}
/*------------------------------------------------------------------------------------------------------------
class "town-features"
-------------------------------------------------------------------------------------------------------------*/
div.town-features h2
{
color: #5C5C5C;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 2px;
}
/*------------------------------------------------------------------------------------------------------------
class "town-list"
-------------------------------------------------------------------------------------------------------------*/
div.town-list
{
padding-bottom: 16px;
}
div.town-list h2
{
color: #5C5C5C;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 2px;
}
div.town-list ul
{
margin:0 0 0 16px;
padding:0;
line-height: 1.2em;
}
div.town-list ul h4
{
display: inline;
font-weight: bold;
color: #666;
}
#town-list .one-column-div-padding-right {width:110px !Important;}
#town-list .one-column-div {width:100px !Important;}
/*------------------------------------------------------------------------------------------------------------
Maps - map styles for all pages
-------------------------------------------------------------------------------------------------------------*/
/* General styles for the div.map-h5-wrapper */
div#maps-div div.map-h5-wrapper
{
float: left; display:inline;
width: 100%;
padding: 1px 0px 1px 0px;
margin-bottom: 3px;
}
/* Specialisations for the div.map-h5-wrapper divs for each level of the map */
div#maps-div div#map-h5-zone-title
{
width:230px;
background-image: url(/TNSW/Templates/images/menu_area_title.gif);
}
div#maps-div div#map-h5-area-title
{
width:230px;
background-color: #666;
}
div#maps-div div#map-h5-town-title
{
background-color: #ccc;
}
/* General styles for the h5 tags in the div#maps-div */
div#maps-div h5
{
font-size: 1.0em;
color: #fff;
padding-left: 3px;
font-weight: normal;
float: left;
display: inline;
text-transform: uppercase;
clear: both;
}
/* Specialistaions for the h5 for each level of the map */
div#maps-div h5#area-title
{
color: #99ccff;
}
div#maps-div h5#town-title
{
color: #000;
}
div#maps-div div#area-towns div
{
float: none;
display: block;
}
div#maps-div div.map-image-div
{
float: left;
margin-bottom: 3px;
background-repeat: no-repeat;
}
div#maps-div div#download-map-link-div
{
float: left;
margin-bottom: 4.4em;
}
div#maps-div
{
padding-bottom: 8px;
}
/*
div#maps-div div#nsw-map-div
{
margin-top: 26px;
}
*/
div#maps-div div#zone-map-div div#sydney-map-div
{
margin-top: 26px;
}
div#maps-div dl {
padding-bottom:8px;
}
div#maps-div dl dt {
float:left;
width:15px;
}
div#maps-div dl dd {
text-indent:-5px;
padding:0 0 0 15px;
padding-bottom: 4px;
}
div#maps-div dl dd a {
color: #5C5C5C;
}
div#maps-div ul
{
list-style-type: none;
margin:0;
padding:0;
padding-bottom: 8px;
}
div#maps-div ul li a
{
color: #5C5C5C;
}
a.mud-map-link {
display:block;
text-transform: uppercase;
padding-left:13px;
background:url(/tnsw/templates/images/arrows/arrow_down.gif) 0 50% no-repeat;
}
div#download-map-link-div a
{
color: #ff6600;
text-decoration: none;
}
div#maps-div dl dt,
div#maps-div span.listnum
{
font-weight:bold;
padding-right: .25em;
color: #000;
}
/*------------------------------------------------------------------------------------------------------------
id "footer-div"
-------------------------------------------------------------------------------------------------------------*/
div#footer-div
{
height: 14px;
color: #fff;
background-color: #999;
float: left;
display: inline;
margin-top:7px;
}
div#footer-div ul
{
margin:0 0 0 10px;
padding:0;
float: none;
}
div#footer-div ul li
{
display: inline;
margin:0;
padding:0;
margin-right: 10px;
}
div#footer-div ul li a
{
color: #fff;
}
/* The div used to push down divs with floating content - this is just a
placeholder in a way because the actual div uses inline styles so it can't get
overwritten */
div.clearing
{
float: none;
display: block;
clear: both;
}
.paddingright
{
padding-right: 14px
}
.marginright
{
margin-right: 14px
}
.paddingbottom
{
padding-bottom: 8px;
}
emargintop_16px
{
margin-top: 16px;
}
/*------------------------------------------------------------------------------------------------------------
Search pages - General styles for search pages
------------------------------------------------------------------------------------------------------------*/
div.search h2
{
text-transform: none;
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 1.8em;
color: #ff6600;
padding-bottom: 8px;
}
div.search-result
{
margin-left: 108px;
width: 606px;
padding-top: 8px;
margin-bottom: 8px;
border-top: 1px solid #333;
border-bottom: 1px solid #656565;
}
div > div.search-result
{
padding-bottom: 8px;
}
div.search-result div.search-img-div
{
width: 108px;
float: left;
}
div.search-result div.search-img-div-padding-right
{
width: 122px;
float: left;
}
div.search-result div.search-txt-div
{
width: 352px;
padding-right: 14px;
float: left;
display: inline;
}
div.search-result div.search-txt-div h3 span.sponsored
{
color: #707070;
}
div.search-result div.search-opt-div
{
float: left;
font-weight: bold;
padding-top: 1em;
}
/* Mark Nigroh
replace : div.search form div.highlight-form div.form-heading h2
with : form div.highlight-form div.form-heading h2
*/
form div.highlight-form div.form-heading h2
{
margin-top: 8px;
font-size: 24px;
line-height: 1em;
width: 114px;
color: #f1f1f1;
}
div.search div.highlight-form
{
color: #333;
}
div.search div.highlight-form div.form-row a:link,
div.search div.highlight-form div.form-row a:visited
{
color: #333;
text-decoration: underline;
}
/*
Added the keyword input class
26/10/06 - Thomas
*/
div.search div.highlight-form div.form-row input#keyword-search-input,
div.search div.highlight-form div.form-row input.keyword-search-input
{
float: right;
width: 191px;
text-align: left;
margin-right: 8px;
margin-top: 8px;
margin-bottom: 4px;
}
div.search div.form-heading div.input-div
{
float: right;
display: inline;
width: 199px;
}
div.search div.form-heading div.input-div-large
{
float: right;
display: inline;
width: 590px;
}
div.search div.form-heading div.select-div
{
float: right;
display: inline;
width: 199px;
}
div.search div.form-heading div.select-div p,
div.search div.form-heading div.input-div p,
div.search div.form-heading div.input-div-large p
{
padding-top: 8px;
padding-right: 8px;
padding-left: 0; /* Turns off the default left padding on all highlight-form p elements */
}
div.search div.form-heading div.select-div p {
/*
* TNSW: Fixes the bug bug where the second select list was not clickable in firefox
*/
float:left;
}
div.search div.form-heading div.select-div select
{
width: 191px;
}
/*
START: Search form styles
23/10/06 - Thomas
*/
/*
* Autoform complete forms
*/
div.autocomplete {
position:absolute;
width:250px;
background-color:white;
/*border:1px solid #888;*/
margin:0px;
padding:0px;
z-index:100;
display:none;
}
div.autocomplete ul {
list-style-type:none;
margin:0;
padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
.autocomplete span {display:none;}
span.informal {display:block;}
/* TNSW: Back to search result link on operator pages */
a.search-back-link {
display:block;
padding:0 0 0 11px;
margin:-1.3em 10px 0 350px;
background:url(/tnsw/templates/images/arrows/arrow_left.gif) 0 50% no-repeat;
}
* html a.search-back-link {
margin-top:0;
}
/* Text box instead of select list in product search forms */
div.search div.form-heading div.input-div input.keyword-search-input
{
float:left;
text-align:left;
margin-top:2px;
height:12px;
/* Overrides the default width and padding of input.text */
padding-top: 2px;
padding-bottom: 4px;
width: 192px !important;
}
/* Text box instead of select list in product search forms */
/*div.search div.form-heading div.input-div-large input.keyword-search-input-large
{
float:left;
text-align:left;
margin-top:2px;
height:12px;*/
/* Overrides the default width and padding of input.text */
/* padding-top: 2px;
padding-bottom: 4px;
width: 582px !important;
}*/
div.search div.form-heading div.input-div-large input.keyword-search-input-large
{
margin-top:2px;
padding: 2px;
}
/* Form tables, for checkboxes */
div.search div.highlight-form table
{
float:left;
margin:0 0 0 4px;
padding:0;
width:480px;
}
div.search div.highlight-form table.search-checkbox-list {
width:auto;
}
div.search div.highlight-form table.search-checkbox-list td {
padding:0px 4px;
}
div.search div.highlight-form table td {}
/* Applies to all input elements in tables, not just checkboxes */
div.search div.highlight-form table td input
{
margin:0;
padding:0;
}
div.search div.highlight-form table label
{
padding-left:3px;
vertical-align:baseline;
text-decoration:underline;
}
/* Reset select list filter link */
div.search div.highlight-form #filterstatus a
{
color:#333;
text-decoration:underline;
}
/*
Search results
*/
div.searchresults {
margin:0;
padding:0;
}
span#searchtime {
display:none;
}
div.searchresults table td {
margin:4px;
padding:4px;
}
div.searchresults hr {
border:1px solid #eee;
margin:2px 0;
}
div.organicresults {
float:left;
width:520px;
margin-bottom:1em;
padding:10px;
}
/* Search result styles */
div.organicresults a.search-result-title {
font-size:1.1em;
font-weight:bold;
}
span.search-result-locations {
font-size:1.1em;
}
span.search-result-date {
font-weight:bold;
}
span.search-result-type {
font-size:1.1em;
font-weight:bold;
}
div.editorialresults {
float:right;
width:150px;
padding:10px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}
a.orderasc, a.orderdesc {
padding-right:11px;
}
/*
* The arrow image indicated the CURRENT order of the results.
* This is why the images might appear to be set to the wrong styles.
*/
a.orderasc {
background:url(/TNSW/Templates/images/orderarrows_down.gif) no-repeat 100% 50%;
}
a.orderdesc {
background:url(/TNSW/Templates/images/orderarrows_up.gif) no-repeat 100% 50%;
}
/*
Search result pager links
TODO: Check duplicate pager styles in this document
*/
div.pager {
margin:1em 0;
}
div.pager a, div.pager span {
padding:2px;
margin-right:2px;
}
div.pager a {
text-decoration:underline !important;
}
div.pager a.nextprev {
text-decoration:none !important;
}
/*
END: Search form styles
*/
div.pagination-one
{
margin-left: 108px;
}
div.top-pagination
{
font-size: 1.1em;
padding-bottom: 4px;
}
div.top-pagination div.sort-by ul
{
margin:0;
padding:0;
font-size: 11px;
}
/* IE won't read this */
div.top-pagination div.sort-by > ul
{
font-size: inherit;
}
div.top-pagination div.pagination-one
{
padding-bottom: 8px;
}
div.pagination-two
{
color: #5C5C5C;
font-weight: bold;
margin-left: 108px;
}
div.pagination-two div.sort-by
{
color: #5C5C5C;
float: left;
}
div.pagination-two div.sort-by a
{
color: #5C5C5C;
text-decoration: underline;
}
div.pagination-two ul
{
margin:0;
padding:0;
display: inline;
color: #5C5C5C;
}
div.pagination-two li
{
padding-left: 10px;
display: inline;
color: #5C5C5C;
}
div.bottom-pagination
{
font-size: 1.1em;
padding-bottom: 32px;
}
span.sub
{
font-size: 0.9em;
}
div.search-conditions
{
margin-top:16px;
padding-left: 122px;
}
div.search-conditions p
{
text-transform: uppercase;
font-size: 9px;
}
/*------------------------------------------------------------------------------------------------------------
Forms - General styles for forms
------------------------------------------------------------------------------------------------------------*/
select,
textarea,
input.text
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 11px;
color: #666;
}
select
{
height: 16px;
}
input.text
{
padding-top: 4px;
padding-bottom: 2px;
height: 14px;
}
input.button
{
cursor: pointer;
color: #333;
background-color: #eee;
border: 1px solid #333;
font-size: 10px;
/*height: 18px;*/
}
/*
input.reset {
background-color: #333;
color:white;
}
*/
input.checkbox
{
margin-right: 4px;
height: 12px;
width: 12px;
}
/*form div.highlight-form,*/
div.highlight-form
{
width: 100%;
float: left;
display: inline;
background-color: #ccc;
margin-bottom: 8px;
}
/*
div.form-heading h2.flashtext
*/
div.form-heading h2
{
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
color: #f1f1f1;
float: left;
display: inline;
font-size: 1.9em;
text-transform: lowercase;
margin-right: -100%;
}
/* All elements in the forms have padding-left */
/*form div.highlight-form p,*/
div.highlight-form p
{
padding-left: 8px;
padding-bottom: 4px;
margin-right: -100%;
}
/*form div.highlight-form div.form-heading,*/
div.highlight-form div.form-heading
{
float: left;
display: inline;
width: 100%;
border-bottom: 1px solid #fff;
margin-bottom: 4px;
}
/*form div.highlight-form div.form-row input.button,
form div.highlight-form div.form-heading input,*/
div.highlight-form div.form-row input.button,
div.highlight-form div.form-heading input
{
/*float: right;*/
margin-right: 8px;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 4px;
}
/*form div.highlight-form div.form-heading input.text,*/
div.highlight-form div.form-heading input.text
{
width: 291px;
}
/*form div.highlight-form div.form-row,*/
div.highlight-form div.form-row
{
color: #333;
width: 100%;
margin-bottom: 4px;
padding-bottom: 4px;
border-bottom: 1px solid #FFFFFF;
}
/* Turns off the margin bottom for the ;ast form row in a form */
/*form div.highlight-form div.form-row.last,*/
div.highlight-form div.form-row.last
{
margin-bottom: 0;
}
/*form div.highlight-form div.form-row div.row div,
form div.highlight-form div.form-row div.checkbox-row div,*/
div.highlight-form div.form-row div.row div,
div.highlight-form div.form-row div.checkbox-row div
{
float: left;
display: inline;
}
/*form div.highlight-form div.form-row div.checkbox-row,*/
div.highlight-form div.form-row div.checkbox-row
{
padding-left: 8px;
padding-bottom: 4px;
}
/* Used in the find out more form in the sub-brand pages */
div.highlight-form div.large-checkbox
{
width: 105px
}
div.highlight-form div.small-checkbox
{
width: 83px;
}
form div.formtip
{
display: none;
color: red;
}
form div.formtip p
{
padding-left: 8px;
margin-right: 0;
}
/*------------------------------------------------------------------------------------------------------------
Specialisations of the form styles above for specific pages - dimensions etc
------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------
b1_regional_destination_landing.html
b2_regional_landing_page.html
b4_area_landing_page.html
b6_town_landing_page.html
------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------
Destination content
------------------------------------------------------------------------------------------------------------*/
/* Set leadin images to 54x38px for child destinations */
form#DestinationForm div#htmlContent div.four-column-div .feature-set-two img,
form#DestinationForm div#htmlContent div.four-column-div .feature-set-two-padding-right img
{
width:54px;
height:38px;
}
/* Reset text transform for child destination headline */
form#DestinationForm div#htmlContent .area-features h2
{
text-transform:none;
}
form#DestinationForm h2, form#DestinationForm h3
{
margin-bottom:0.4em;
font-size: 1.2em;
font-weight:bold;
}
/*
* Destination page images
*/
ul.imgslide { list-style:none;margin:0;padding:0; }
ul.imgslide li {
display:none;
min-height:165px;
margin-bottom:7px;
}
* html ul.imgslide li { height:165px; }
ul.imgslide br {display:none;}
ul.imgslide img,
ul.imgslide p {
padding:0;
}
/* Show the first image */
li#imgslideitem1 { display:block; }
/*
* Destination page videos
*/
div.destvideo {
width:230px;
margin-bottom:14px;
}
/* Link to television commercials page */
p#destPlayer a {
display:block;
min-height:50px;
padding:10px 0 0 60px;
background:url(/TNSW/Templates/images/sml_tv_on.gif) 0 0 no-repeat;
margin-bottom:7px;
}
* html p#destPlayer a { height:40px; }
/*------------------------------------------------------------------------------------------------------------
Destination pages "find out more" form
------------------------------------------------------------------------------------------------------------*/
div#find-out,
div#find-out a
{
color: #000000;
}
div#find-out a
{
text-decoration: underline;
}
div#find-out div.first-col
{
width: 80px;
}
div#find-out div.second-col
{
width: 111px;
}
div#find-out div.third-col
{
width: 147px;
}
div#find-out div.fourth-col
{
width: 120px;
}
/*------------------------------------------------------------------------------------------------------------
e2_regional_holiday_planner_email.html - Driving directions page
------------------------------------------------------------------------------------------------------------*/
div#contact-form div.column-one
{ width: 120px;
}
div#contact-form div.column-one input.text
{
width: 112px;
}
div#contact-form div.column-two
{
width: 173px;
}
div#contact-form div.column-two input.text
{
width: 165px;
}
div#contact-form div.column-three
{
width: 173px;
}
div#contact-form div.column-three input.text
{
width: 165px;
}
div#contact-form div.column-four
{
width: 173px;
}
div#contact-form div.column-four input.text
{
width: 165px;
}
div#contact-form div.column-five
{
width: 173px;
}
div#contact-form div.column-five input.text
{
width: 165px;
}
div#contact-form div.column-six
{
width: 120px;
}
div#contact-form div.column-six input.text
{
width: 112px;
}
div#contact-form div.column-seven
{
width: 120px;
}
div#contact-form div.column-seven input.text
{
width: 112px;
}
div#contact-form div.column-eight
{
width: 226px;
}
div#contact-form div.column-eight input.text
{
width: 218px;
}
div#contact-form div.column-nine
{
width: 241px;
}
div#contact-form div.column-nine select
{
width: 233px;
}
div#contact-form div.column-ten
{
width: 226px;
}
div#contact-form div.column-eleven
{
width: 344px;
}
/* Turn off the margin-right: -100% because there's a lot of text */
div#contact-form div.column-nine p,
div#contact-form div.column-eleven p
{
margin-right: 0;
}
div#contact-form div.column-twelve
{
width: 103px;
}
div#contact-form div.column-thirteen
{
width: 103px;
}
/*------------------------------------------------------------------------------------------------------------
d2_escape_signup.html - Email to a friend
------------------------------------------------------------------------------------------------------------*/
div#escape-form div.column-one
{
width: 120px;
}
div#escape-form div.column-one input.text
{
width: 112px;
}
div#escape-form div.column-two
{
width: 174px;
}
div#escape-form div.column-two input.text
{
width: 166px;
}
div#escape-form div.column-three
{
width: 174px;
}
div#escape-form div.column-three input.text
{
width: 166px;
}
div#escape-form div.column-four
{
width: 294px;
}
div#escape-form div.column-four input.text
{
width: 286px;
}
div#escape-form div.column-five
{
width: 174px;
}
div#escape-form div.column-five input.text
{
width: 166px;
}
div#escape-form div.column-six p
{
float: left;
display: inline;
padding-left: 8px;
padding-top: 12px;
margin-right: 0;
}
/*------------------------------------------------------------------------------------------------------------
d3_driving_directions.html - Driving directions page
------------------------------------------------------------------------------------------------------------*/
div#driving-form div.column-one
{
width: 33px;
padding-top: 1.4em;
}
div#driving-form div.column-two,
div#driving-form div.column-three
{
width: 182px;
}
div#driving-form div.column-two p input.text,
div#driving-form div.column-three p input.text
{
width: 174px;
}
div#driving-form div.column-four
{
width: 69px;
}
div#driving-form div.column-four p select
{
width: 61px;
}
/*------------------------------------------------------------------------------------------------------------
d5_email_to_a_friend - Email to a friend
------------------------------------------------------------------------------------------------------------*/
div#email-form div.form-row div.column-one,
div#email-form div.form-row div.column-two
{
width: 176px;
}
div#email-form div.column-one p input.text,div#email-form div.column-two p input.text
{
width: 168px;
}
div#email-form div.column-one p input.text,div#email-form div.column-two p input.text
{
width: 165px;
}
/* Because the second column is a special case and has no text above it */
div#email-form div.column-two p
{
padding-top: 1.1em;
}
div#email-form div.column-three
{
width: 182px;
}
div#email-form div.column-three p
{
padding-left: 8px;
margin-right: 0;
}
/* IE will read this */
div#email-form div.column-three p textarea
{
width: 345px;
height: 58px;
}
/* IE will read NOT this */
div#email-form div.column-three p > textarea
{
width: 345px;
height: 53px;
}
div#email-form div.column-four p
{
float: left;
display: inline;
padding-left: 8px;
padding-top: 12px;
margin-right: 0;
}
/*------------------------------------------------------------------------------------------------------------
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
b6_town_landing_page.html - Directions
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
------------------------------------------------------------------------------------------------------------*/
table#directions-form
{
background-color :#eee;
padding-top:5px;
padding-bottom: 5px;
}
table#directions-form tr td
{
padding-left:10px;
padding-bottom: 5px;
}
table#directions-form tr td h2
{
font-size:large;
}
table#directions-form tr.form-heading td
{
padding-top:10px;
border-bottom: solid 1px #FFF;
}
/*div#directions-form div.form-row div.column-one
{
width: 111px;
}
div#directions-form div.form-row div.column-two
{
width: 111px;
}
div#directions-form div.form-row div.column-one p input.text,div#directions-form div.form-row div.column-two p input.text
{
width: 103px;
}
*/
/*------------------------------------------------------------------------------------------------------------
f2_product_page.html - Editorial product page
------------------------------------------------------------------------------------------------------------*/
div#inquiries-form div.column-one
{
width: 231px;
}
div#inquiries textarea
{
margin-bottom: 8px;
}
div#inquiries-form div.column-one p input.text
{
width: 223px;
}
div#inquiries-form div.column-two
{
width: 231px;
}
/* IE will read this */
div#inquiries-form div.column-two p textarea
{
width: 248px;
height: 96px;
}
/* IE will read NOT this */
div#inquiries-form div.column-two p > textarea
{
width: 228px;
height: 92px;
}
div#inquiries-form div.column-three p
{
float: left;
display: inline;
padding-left: 8px;
padding-top: 12px;
margin-right: 0;
}
img.star-icon
{
vertical-align: top;
}
img.facilities-icon
{
vertical-align: top;
padding-right: 5px;
}
/*------------------------------------------------------------------------------------------------------------
div.weather-highlight-div
-------------------------------------------------------------------------------------------------------------*/
div.weather-highlight-div
{
padding-bottom: 16px;
}
div.weather-highlight-div h2
{
color: #333;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 8px;
}
div#weather-div
{
padding:8px 0;
}
div#weather-div img.no-padding-or-margin
{
padding: 0;
margin: 0;
}
div#weather-div p,
div#weather-div a
{
color: #003365;
}
div#weather-div p
{
padding-left: 12px;
font-weight: bold;
}
div#weather-div ul
{
margin:0;
padding:0 0 0 12px;
}
div#weather-div ul li
{
display: block;
font-weight: normal;
width: 45px;
float: left;
}
div#weather-div img
{
margin-right: 2px;
display: inline;
vertical-align: top;
}
div#weather-div li.weather-description
{
width: 85px;
}
div#weather-div li.weather-img
{
width: 25px;
}
div#weather-div p a
{
text-decoration: underline;
}
/*
div.weather-highlight-div
{
padding-bottom: 16px;
}
div.weather-highlight-div h2
{
color: #5C5C5C;
font-weight: bold;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 0;
}
div#weather-div
{
padding-top: 8px;
padding-bottom: 8px;
}
div#weather-div img.no-padding-or-margin
{
padding: 0;
margin: 0;
}
div#weather-div p,
div#weather-div a
{
color: #003365;
}
div#weather-div p
{
padding-left: 12px;
font-weight: bold;
}
div#weather-div ul
{
margin:0 0 0 12px;
padding:0;
}
div#weather-div ul li
{
display: block;
margin:0;
padding:0;
font-weight: normal;
width: 45px;
float: left;
}
div#weather-div img
{
margin-right: 2px;
display: inline;
vertical-align: top;
}
div#weather-div li.weather-description
{
width: 85px;
}
div#weather-div li.weather-img
{
width: 25px;
}
div#weather-div p a
{
text-decoration: underline;
}
*/
/*------------------------------------------------------------------------------------------------------------
div.highlight-box-promo-one
-------------------------------------------------------------------------------------------------------------*/
div.highlight-box-promo-one
{
border-top: 1px #777 solid;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px #777 solid;
margin-bottom: 16px;
}
div.highlight-box-promo-one a {
float: right;
display: inline;
width: 108px;
}
div.highlight-box-promo-one p a,
div.highlight-box-promo-one h2 a {
display: inline;
float: none;
}
div.highlight-box-promo-one img {
/*
float: right;
display: inline;
*/
margin-left:14px;
}
div.highlight-box-promo-one h2
{
/*
float: right;
display: inline;
*/
color: #666;
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 18px;
width: 108px;
/* This stops the image div wrapping down in IE if the h2 is too long */
overflow: hidden;
}
div.highlight-box-promo-one table tr td
{
}
div.highlight-box-promo-one p
{
/*
float: right;
display: inline;
*/
font-size: 11px;
width: 108px;
}
/*------------------------------------------------------------------------------------------------------------
div.highlight-box-promo-two
-------------------------------------------------------------------------------------------------------------*/
div.highlight-box-promo-two
{
border-top: 1px #777 solid;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px #777 solid;
margin-bottom: 16px;
}
div.highlight-box-promo-two h2
{
color: #666;
font-weight: lighter;
font-size: 1.8em;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 1.8em;
}
/*------------------------------------------------------------------------------------------------------------
div.highlight-box-promo-three
-------------------------------------------------------------------------------------------------------------*/
div.highlight-box-promo-three
{
border-top: 1px #777 solid;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px #777 solid;
margin-bottom: 16px;
}
div.highlight-box-promo-three a {
float: right;
display: inline;
width: 122px;
}
div.highlight-box-promo-three p a,
div.highlight-box-promo-three h2 a {
display: inline;
float: none;
}
div.highlight-box-promo-three img {
float: right;
display: inline;
margin-left:14px;
}
div.highlight-box-promo-three h2
{
float: right;
display: inline;
color: #666;
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 18px;
width: 108px;
/* This stops the image div wrapping down in IE if the h2 is too long */
overflow: hidden;
}
div.highlight-box-promo-three p
{
float: right;
display: inline;
font-size: 11px;
width: 108px;
}
/*------------------------------------------------------------------------------------------------------------
div.highlight-box
-------------------------------------------------------------------------------------------------------------*/
div.highlight-box
{
border-top: 1px #777 solid;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px #777 solid;
margin-bottom: 16px;
}
div.highlight-box h2
{
color: #5C5C5C;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.1em;
/* This stops the image div wrapping down if the h2 is too long */
width: 100%;
margin-right: -100%;
padding-bottom: 4px;
}
div.highlight-box ul
{
margin:0 0 0 16px;
padding:0;
}
/* IE wont understand this */
div.highlight-box > ul
{
margin-left: 14px;
}
/*------------------------------------------------------------------------------------------------------------
div.visitor-info
-------------------------------------------------------------------------------------------------------------*/
div.visitor-info
{
margin-bottom: 16px;
}
div.visitor-info h2
{
padding-left: 20px;
background-image: url(/TNSW/Templates/images/visitor_info_icon_16px.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
white-space: nowrap;
width: 210px;
overflow: hidden;
}
div.visitor-info {
font-size:14px;
font-weight:200;
}
.visitor-info-text {
font-size:10px;
}
/*------------------------------------------------------------------------------------------------------------
div.adserver-image
-------------------------------------------------------------------------------------------------------------*/
div.adserver-image
{
margin-bottom: 16px;
}
/*------------------------------------------------------------------------------------------------------------
header-menu
-------------------------------------------------------------------------------------------------------------*/
/* Turn off the padding set on
by default above */
div#header-menu ul
{
margin:0;
padding:0;
}
div#header-menu
{
padding-top:2px;
padding-bottom:2px;
}
div#header-menu SELECT
{
font-size:12px;
border:1px #666 solid;
}
div#header-menu ul li a,
div#header-menu ul li a:link
{
color: #7d7d7d;
line-height: 1.8em;
display: block;
padding-top: 0px;
padding-left: 22px;
}
div#header-menu ul li a:hover
{
color: #ff6600;
}
div#header-menu ul,
div#header-menu ul li
{
float: right;
margin:0;
padding:0;
display: inline;
}
/*------------------------------------------------------------------------------------------------------------
header, header-bg, header-fg, header-search
-------------------------------------------------------------------------------------------------------------*/
div#header
{
position: relative;
height: 236px;
margin-bottom: 0px;
margin-top: -1px;
}
div#header div#header-bg
{
z-index: 0;
height: 240px;
background-repeat: no-repeat;
}
div#header div#header-fg
{
z-index: 1;
top: 0px;
right: 0px;
text-align: right;
width: 100%;
height: 100%;
}
div#header div#header-fg div#header-search
{
position: relative;
float: right;
padding-right: 5px;
padding-top: 5px;
}
div#header div#header-fg div#header-logo-home-link-div
{
position: absolute;
width: 180px;
height: 50px;
top: 0px;
left: 0px;
}
div#header div#header-fg div#header-logo-home-link-div img
{
width: 100%;
height: 100%;
}
div#header div#header-fg div#header-logo-destination-link-div
{
position: absolute;
width: 200px;
height: 30px;
top: 100%;
left: 100%;
margin-top: -30px;
margin-left: -200px;
}
div#header div#header-fg div#header-logo-destination-link-div img
{
width: 100%;
height: 100%;
}
div#header div#header-bg,
div#header div#header-fg
{
position: absolute;
}
div#header div#header-fg div#header-search input
{
display: block;
float: left; display:inline;
}
div#header div#header-fg div#header-search input#searchtext
{
width: 176px;
margin-right: 8px;
}
div#header div#header-fg div#header-search input#searchsubmit
{
background-color: #7d7d7d;
color: #ddd;
border: 0;
}
/*TNSW: add border around global search*/
input#searchtext
{
border:solid 1px #eee;
border-bottom: solid 1px #666;
border-right: solid 1px #666;
}
/* END TNSW */
/*------------------------------------------------------------------------------------------------------------
conditions
-------------------------------------------------------------------------------------------------------------*/
div.conditions
{
padding-top: 16px;
padding-bottom: 16px;
}
div.conditions h4,
div.conditions ul,
div.conditions p
{
margin:0;
padding:0;
text-transform: uppercase;
font-size: 0.9em;
}
div.conditions p
{
padding-bottom: 0px;
}
div.conditions ul
{
margin:0 0 0 14px;
padding:0;
}
/*------------------------------------------------------------------------------------------------------------
restrictions
-------------------------------------------------------------------------------------------------------------*/
div.restrictions
{
padding-top: 16px;
padding-bottom: 16px;
}
div.restrictions h4,
div.restrictions h5,
div.restrictions p
{
text-transform: uppercase;
font-size: 0.9em;
padding-bottom: 4px;
}
/*------------------------------------------------------------------------------------------------------------
Planner - d1_all_holiday_planner_landing.html
- e1_regional_holiday_planner_download.html:
------------------------------------------------------------------------------------------------------------*/
div.planner ul
{
list-style-type: none;
margin:0;
padding:0 0 16px 0;
}
div.planner ul li
{
margin:0;
padding:0 0 4px 0;
}
div.planner div.captions h3
{
padding-bottom: 0;
}
/*------------------------------------------------------------------------------------------------------------
Weather - e4_weather.html
------------------------------------------------------------------------------------------------------------*/
.vertical-align-top
{
vertical-align: top;
}
table.info-table
{
margin-bottom: 8px;
}
table.info-table tr th
{
background-color: #CCCCCC;
color: #666;
font-weight: bold;
border: 10px #8C8C8C solid;
}
table.info-table tr th,
table.info-table tr td
{
border: 1px #8C8C8C solid;
padding: 4px;
width: 17%;
}
table.info-table tr td.description-col
{
width: 32%;
}
/*------------------------------------------------------------------------------------------------------------
Product - f2_product_page.html
------------------------------------------------------------------------------------------------------------*/
table.cost-table
{
margin-bottom: 16px;
border-bottom: 1px #8C8C8C solid;
width: 474px;
}
table.cost-table tr td
{
border-right: 1px #8C8C8C solid;
border-top: 1px #8C8C8C solid;
padding: 4px;
}
table.cost-table tr th
{
border: 0;
white-space:nowrap;
padding: 4px;
}
table.cost-table tr td.description-col
{
border-left: 1px #8C8C8C solid;
width: 24%;
}
/*------------------------------------------------------------------------------------------------------------
Sydney pages
------------------------------------------------------------------------------------------------------------*/
div.sydney div.sydney-intro p
{
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 1.8em;
padding-bottom: 16px;
}
div.sydney div.sydney-feature-image img
{
padding-bottom: 4px;
}
div.visitor-info-sydney
{
margin-bottom: 16px;
}
div.visitor-info-sydney h2
{
padding-left: 20px;
/*background-image: url(/TNSW/Templates/images/visitor_info_icon_sydney_16px.gif);*/
background-image: url(/TNSW/Templates/images/visitor_info_icon_16px.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
white-space: nowrap;
width: 230px;
overflow: hidden;
margin-right: -100%;
}
/*------------------------------------------------------------------------------------------------------------
Editorial pages
------------------------------------------------------------------------------------------------------------*/
div.editorial div.editorial-intro p
{
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 1.8em;
line-height: 1.4em;
}
div.editorial h2
{
color: #ff6600;
text-transform: none;
font-weight: lighter;
letter-spacing: -.1em;
font-family: Bliss, Verdana, Helvetica Neue;
font-size: 1.8em;
padding-bottom: 8px;
}
div.editorial div.editorial-feature-image img
{
padding-bottom: 4px;
}
div.editorial div.editorial-feature-text p
{
color: #ff6600;
padding-bottom: 4px;
}
/*------------------------------------------------------------------------------------------------------------
Visitor info - e3_visitor_info.html
------------------------------------------------------------------------------------------------------------*/
div.visitor-info ul
{
list-style-type: none;
margin:0;
padding:0;
}
div.visitor-info div.text-column img.info-icon
{
margin-bottom: 0;
}
/*------------------------------------------------------------------------------------------------------------
Ad table for the footer of many pages
-------------------------------------------------------------------------------------------------------------*/
div#ad-table-div
{
padding-bottom: 16px;
}
table.ad-table
{
margin-top: 8px;
border-collapse: collapse;
}
table.ad-table tr td
{
text-align: left;
}
/*---------------------------------------
forms generated by Forms Generator tool
---------------------------------------*/
table.generated-form
{
font-size:small;
width:464px;
background-color:#99CCFF;
margin:0px;
margin-top:10px;
margin-bottom:10px;
float:right;
}
div.generated-form
{
font-size:small;
width:454px;
background-color:#99CCFF;
padding:10px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
float:right;
}
table.generated-form th
{
color:#003366;
font-size:medium;
border-bottom:solid 1px #FFF;
padding-top:3px;
padding-bottom:3px;
padding-left:7px;
}
table.generated-form td
{
padding-top:3px;
padding-bottom:3px;
padding-left:7px;
}
table.generated-form td hr
{
float:right;
right:0px;
width: 100%;
color: #fff;
height:1px;
background-color:#fff;
position: relative;
}
table.generated-form td.footer
{
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border-top:solid 1px #FFF;
text-align: right;
}
table.generated-form input
{
font-size:small;
}
input.generated-form-button
{
color:#FFF;
font-size:x-small;
border:solid 1px #0066CC;
background:#003366;
}
/*---------------------------------------
payed ads
---------------------------------------*/
.ads-footer
{
/*border-top: 1px solid #000;
border-bottom: 1px solid #000;*/
text-align: right;
}
/*------------------------------------------------------------------------------------------------------------
breadcrumbs links
-------------------------------------------------------------------------------------------------------------*/
div#breadcrumbs
{ padding-bottom:2px;
}
div#breadcrumbs a
{ text-decoration:underline;
}
/* TABS */
#nav-par, #nav-par * {
margin: 0;
padding: 0;
list-style: none;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
}
.centeredNavCountry {
width:100%;
}
#nav-par {
height:19px;
left:16px;
width:713px;
/*padding-top:3px;*/
padding-left: 5px;
}
#nav-par li {
float: left;
position: relative;
padding-left: 5px;
}
#nav-visit{
width:45px;
height:19px;
}
#nav-sydney{
width:68px;
height:19px;
}
#nav-sydneyaustralia
{
width:143px;
height:19px;
}
.whatsonSYD a
{
padding-left:4px;
}
.whatsonSYD span
{
padding-left:4px;
}
.whatsonSYD h3
{
font-size:12px;
}
.videoDiv {background-color: #000; margin-bottom: 14px;}
/* product mud maps */
.mudmapBarTop { padding: 0; margin: 0; height:7px}
.mudmapBarTop img{ padding: 0 !important; margin: 0 !important;}
.mudmapBar { margin: 0; padding: 0; width: 474px; height: 35px; background: #f0f0f0; }
.mudmapBar ul { padding: 0 7px; margin: 0;}
.mudmapBar ul li {line-height: 1.7em; float: right; padding: 0 14px; list-style-type: none; }
.mudmapBar ul li a { font-weight: bold; }
/* slideshow styles */
.slideShow {
background: #FFFFFF;
}
.slideShow ul, .slideShow li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.slideShow {
clear: both;
display: table;
}
.slideShow .navigation {
position: absolute;
top: 255px;
z-index: 2000;
background: transparent url("http://www.visitnsw.com/Sites/SiteID3/objLib155/bg_num_nav1.png") repeat 0 0;
overflow: auto;
height: 24px;
padding: 7px 0 0 0;
width: 230px;
clear: left;
display: block;
margin: 0;
}
.slideShow .navigation li {
display: inline;
}
.newsControlBtns {
margin-left:160px;
padding: 0 -20px -3px 0;
z-index:15;
}
.slideShow .navigation a {
color: #000000;
display: block;
float: left;
font-weight: bold;
height: 20px;
width: 20px;
margin: 0 1px 0 0;
padding: 3px 0 0 1px;
text-align: center;
text-decoration: none;
z-index: 55;
}
.slideShow .navigation a:hover, .slideShow .navigation a.selected {
background: url(http://www.visitnsw.com/Sites/SiteID3/objLib155/btn_playhead_ov.gif) no-repeat center;
color: #3D6BA6;
text-decoration: none;
z-index: 25;
font-weight: bold;
margin: 0 1px 0 0;
padding: 3px 0 0 1px;
}
/** slides with more than an image in it **/
.slide img {
position: absolute;
}
/** slides with text over images **/
.caption {
display:block;
background-color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:normal;
width:230px;
height:25px;
padding-bottom: 10px;
color:#666666;
text-decoration:none;
padding-top: 5px;
}
.slide p {
margin: 1em;
background-color: #000;
color: #fff;
z-index: 1000;
padding: 0.2em 0.8em;
display: none;
}