body
{
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	z-index: 1;
	
}
img{max-width: 100%;
height:auto;
width: auto;}
#header
{
	z-index: 400;
	position:relative;
	top:0;
	border:1px solid transparent;
	
}
/* logo - not used for vivacity*/

/*#logo {
	position: relative;
	top: 0px;
	left: 0px;
	height: 93px;
	width: 960px;
	margin: 0 auto 0 auto;
	background-image: url(/tnsw/templates/crave/images/sydney.png);
	background-repeat: no-repeat;
	z-index: 1;
}*/

/* top navigation 

#countrysearch 
{
	width: 960px;
	margin: 0 auto 0 auto;
	height: 32px;
	position:relative;

}
*/
/*#search 
{
	height: 32px;
	vertical-align: top;	
	float: right;
	width: 300px;
	background-image: url(/Sites/SiteID3/objLib232/searchbox.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#search 
{
	height: 32px;
	vertical-align: top;	
	float: right;
	width: 250px;
	padding-top:3px;
	
}

#searchtext
{
	margin: 5px 0px 0px 20px;
	width: 110px;
    height:15px;  
    border: solid 1px grey;
    float:left;
	
}

#searchsubmit
{
	margin: 0px 0px 0px 0px;
    background: url('searchthissite.gif') no-repeat left top;
    border: none;
    width: 110px;
    height:25px;
    }

#buttonsearch
{
	padding-top: 2px;
	width: 103px;
	height: 25px;
	z-index: 600;
}

#country 
{
	height: 25px;
	float: right;
	width: 150px;
	padding-top: 6px;
	z-index: 400;
	
}
*/
/* content */
#contentborder
{
	width: 968px;
	margin: 0 auto 0 auto;
	background-color:transparent;
	position:relative;
}

#contenttop
{
	width:  960px;
	padding: 0px 4px 0px 4px;
	height: 8px;
	/*background-image: url(whitetop.png);
	background-repeat: no-repeat;*/
	overflow:hidden;
	background:rgba(255, 255, 255, 0.75) none repeat scroll 0 0
	
}

#contentbottom
{
	width:  960px;
	padding: 0px 4px 4px 4px;
	height: 8px;
	background-image: url(whitebottom.png);
	background-repeat: no-repeat;
}

#content
{
	width:  960px;
	padding: 0px 4px 0px 4px;
	background-image: url(white.png);
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* columns */
#columns
{
	margin: 0px auto 0px auto;
	width: 926px;	
	position: relative;
	top: 10px;
	vertical-align: top;
}

#columnLeft
{
	width: 458px;
	float: left;
	vertical-align: top;
}

#columnRight
{
	width: 458px;
	float: right;
	vertical-align: top;
}


/* sections */
.sections
{
	margin: 0px auto 0px auto;
	width: 458px;	

}

.sectionLeft
{
	width: 224px;
	float: left;
}

.sectionRight
{
	width: 224px;
	float: right;
}

/* map */

.doublePadding {
	margin:15px 0;
}
.map {
	margin:0 0 15px 8px;
	color:#666666;
}
.map .col2 {
	width:90px;
}
.map .col4 {
	width:98px;
}

.map a {
 color:#666666;
 text-decoration:none
}

.map a:hover {
 color:#666666;
 text-decoration:underline
}

/* listings */
.listings
{
	margin: 0px auto 0px auto;
	width: 224px;	

}

.listingLeft
{
	width: 107px;
	float: left;
}

.listingRight
{
	width: 107px;
	float: right;
}

/* text */

h2
{
	font-size: 16px;
	font-weight: bold;
}

h3
{
	font-size: 18px;
	font-weight: bold;
}
h3 a 
{ 
	color:#000000;
	text-decoration:none;
}
h3.noPadding {
	margin: 5px 0;
	padding:0;
}

h4
{
	font-size: 14px;
	font-weight: normal;
	color: #961507;
}

.number
{
	font-size: 18px;
	font-weight: bold;
	width: 45px;
	color:#000000;
}

/* logos */

#logos
{
	margin: 0px auto 0px auto;
	width: 926px;
	padding-top: 10px;
	padding-bottom: 6px;
	height: 47px;
}

#logoNSW
{
	float: right;
}


#logoTourismNSW
{
	float: left;
}

/* footer */
#footer
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	width: 960px;
	margin: 9px auto 0px auto;
}

#footer a {
	text-decoration: none;
	color: #333;	
}
#footer a:hover, #footer a:visited
{
	text-decoration: none;
	color: #650e05;	
}

/* promo strip */

#centreslide {width: 90%;}
#slideshow {
	/*position:  absolute;
	overflow:hidden;
	width:926px;
	height:170px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: -5px;
	z-index:600;*/
	position: relative;
	padding: 0 0 0 0;
	margin: 15px 5px 0px 5px;
	top: -5px;
	/*width: 926px;
	height: 170px;*/
}
#slideshowHolder, #slideshowHolder img, #slideshowHolder a {width: 100%; height:auto;}


#buttons { 
	position:absolute;
	z-index:620;
	top:0;
	left:0;
	/*position:relative;
	top: -122px;
	left: -4px;
	width: 40px;
	height: 37px;*/
}


/* crave box */

#craveshadow
{
	background-image: url(/tnsw/templates/crave/images/craveshadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 1;
	visibility:hidden;
	overflow:hidden;
}

#crave 
{
	width: 960px;
	height:280px;
	margin: 80px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}

/*#craveBox 
{
	width: 960px;
	height:400px;
	margin: 80px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(/tnsw/templates/crave/images/chocbox/cravesweetv_shadow.png);
	background-repeat: no-repeat;
	z-index: 1;
	overflow:hidden;
	position:absolute;
	top:-80px;
	left:0;
}

#craveBoxFront 
{
	width: 960px;
	height:400px;
	margin: 80px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(/tnsw/templates/crave/images/chocbox/cravesweetv_front.gif);
	background-repeat: no-repeat;
	z-index: 2;
	overflow:hidden;
	position:absolute;
	top:-80px;
	left:0;
}*/

/*#dancer
{
	position:absolute;
	top: 180px;
	left: 300px;
	width: 72px;
	height: 97px;
	z-index: 101;
	
}

#dancerPopup
{
	position:absolute;
	top: 40px;
	left: 160px;
	width: 233px;
	height: 265px;
	z-index: 201;
	background-image: url(/tnsw/templates/crave/images/dancer.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#jester
{
	position:absolute;
	top: 180px;
	left: 370px;
	width: 72px;
	height: 72px;
	z-index: 102;
}

#jesterPopup
{
	position:absolute;
	top: 15px;
	left: 225px;
	width: 234px;
	height: 265px;
	z-index: 202;
	background-image: url(/tnsw/templates/crave/images/jester.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#shoe
{
	position:absolute;
	top: 250px;
	left: 370px;
	width: 72px;
	height: 72px;
	z-index: 103;
}

#shoePopup
{
	position:absolute;
	top: 90px;
	left: 220px;
	width: 237px;
	height: 265px;
	z-index: 203;
	background-image: url(/tnsw/templates/crave/images/shoe.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#chef
{
	position:absolute;
	top: 210px;
	left: 440px;
	width: 67px;
	height: 72px;
	z-index: 104;

}

#chefPopup
{
	position:absolute;
	top: 40px;
	left: 280px;
	width: 243px;
	height: 265px;
	z-index: 204;
	background-image: url(/tnsw/templates/crave/images/chef.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#ferry
{
	position:absolute;
	top: 200px;
	left: 500px;
	width: 67px;
	height: 52px;
	z-index: 106;
}

#ferryPopup
{
	position:absolute;
	top: 20px;
	left: 490px;
	width: 246px;
	height: 265px;
	z-index: 206;
	background-image: url(/tnsw/templates/crave/images/ferry.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#bridge
{
	position:absolute;
	top: 250px;
	left: 510px;
	width: 67px;
	height: 62px;
	z-index: 107;
}

#bridgePopup
{
	position:absolute;
	top: 70px;
	left: 500px;
	width: 230px;
	height: 265px;
	z-index: 207;
	background-image: url(/tnsw/templates/crave/images/bridge.png);
	background-repeat: no-repeat;
	visibility: hidden;
}

#art
{
	position:absolute;
	top: 200px;
	left: 574px;
	width: 72px;
	height: 82px;
	z-index: 105;
}

#artPopup
{
	position:absolute;
	top: 40px;
	left: 575px;
	width: 231px;
	height: 265px;
	z-index: 205;
	background-image: url(/tnsw/templates/crave/images/art.png);
	background-repeat: no-repeat;
	visibility: hidden;
}
*/

/*
h2
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 18px;
	font-weight: bold;
}

h3
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
}

h4
{
	color: #cf438a;
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
}

h5
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	font-weight: normal;
}

#content 
{
	background-color: White;
	width: 936px;
	margin: 0px auto 0px auto;
	padding: 10px 7px 10px 17px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
}

.panel
{
	width: 468px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.panel img
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.selection
{
	width: 224px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
}

.selection p
{
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}
*/
	

/*** ESSENTIAL STYLES ***/

.div-nav {
	width: 960px;
	margin: 0 auto 0 auto;
	/* background-color: #981607; */
	background-image: url(divnav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	z-index: 400;
}

#nav, #nav *, #nav-par, #nav-par * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	z-index: 400;
}
#nav {
	line-height:	1.0;
}
#nav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width:			100%;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
}
#nav a {
	display:		block;
	position:		relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/


#nav a {
	padding: 		.75em 1em;
	text-decoration:none;
}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
#nav li {
	/* background:		#c03200; */
	text-transform: uppercase;
	background-image: url(/Sites/SiteID3/objLib232/divide.gif);
	background-repeat:no-repeat;
	background-position: right center;
}
#nav li li {
	background:		#ca3400;
	text-transform: capitalize;
	border-bottom: solid 1px #da7f67;
}
#nav li ul 
{
	padding-bottom: 11px;
	background-image: url(/Sites/SiteID3/objLib232/dropdown.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#nav li li:hover, #nav li li.sfHover {
	background:		#da7f67; 
	outline:		0;

}

#nav li:hover, #nav li.sfHover{
	outline:		0;
}

.centeredNav { 	
	position:absolute;
	width:100%;
	top:32px;
	height:auto;
	overflow:visible;
	z-index:555;
}
.centeredNavCountry { 	
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:auto;
	overflow:visible;
	z-index:556;
}
.centeredNavGreen {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:auto;
	overflow:visible;
	z-index:554;
	
}

#greenbox {
	background-color: #981607;
	width: 960px;
	margin: 0 auto;
	height: 32px;
	
}
#div-nav-par {
	width: 960px;
	margin: 0 auto 0 auto;
}


#nav-par {
	height:19px;
	left:16px;
	position:absolute;
	top:13px;
	width:444px;
	z-index:450;
	
}

#nav-par li {
	float:			left;
	position:		relative;
	padding-right: 5px;
}

#nav-visit
{
	width:45px;
	height:19px;
}


#nav-sydney
{
	width:68px;
	height:19px;

}

#countrylist
{
	position: relative;
	top: 0px;
	left: inherit;
	z-index: 5000;
	visibility: hidden;
	width: 122px;
	padding: 3px 6px 3px 6px;
	background-image: url(/tnsw/templates/crave/images/selectcountrybackground.gif); /*no need to change this one */
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

#countrylist a {
	color:#666666;
	text-decoration:none;
}

#countrylist a:hover {
	color:#000000;
	text-decoration:none;
}



/* NEW NAV */

.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	z-index: 400;
}
.nav {
	line-height:	1.0;
}
.nav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
	width:			100%;
}
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
	float:			left;
	position:		relative;
}
.nav a {
	display:		block;
	position:		relative;
}
.nav li:hover ul,
.nav li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
	top:			-999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
	top:			-999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/


.nav a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.nav a, .nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.nav li {
	/* background:		#698a2c; */
	text-transform: uppercase;
	background-image: url(/Sites/SiteID3/objLib232/divide.gif);
	background-repeat:no-repeat;
	background-position: right center;
}
.nav li li {
	background:		#ca3400;
	text-transform: capitalize;
	border-bottom: solid 1px #da7f67;
}
.nav li ul 
{
	padding-bottom: 11px;
	background-image: url(/Sites/SiteID3/objLib232/dropdown.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.nav li li:hover, .nav li li.sfHover {
	background:		#d45634; 
	outline:		0;

}

.nav li:hover, .nav li.sfHover{
	outline:		0;
}
