/* - - - - - - - - - - - - - - - - - - - - -

Title : NextHotSpot.com.au
URL : NextHotSpot.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */


/*----------------------------------------------------------------------------- 
	Global Styles
-----------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, p, form {
	margin: 0; 
	padding: 0;
	border: 0;
}

html { width: 100%; min-width: 960px; }

body {
	background: url(../templateimages/body_bg.jpg) #fff 0 0 repeat-x;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #575757;
}

img { border: 0; }

.clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 0;  }

* :focus { outline: 0;  }


/* Common Column Widths */ 
.bodyWidth { width: 960px; margin: 0 auto; padding: 0 0 20px 0; background: #fff; } /* Main Body width */

.bodyWidthNav { width: 960px; margin: 0 auto; background: #fff; } /* Main Body width */

.col1 { width: 307px; padding-right: 5px;} /* 1 Column Width */
.col2 { width: 700px; }  /* 2 Column Width = 1 Col + 1 Col. Main Body text area width  */ 

/* RHS COLUMN - #quicklinksWrap { width: 310px; } */

	/*SUB NAV DEVELOPMENT Pages */
	.col3 {width: 200px;}
	.col4  {width: 732px; padding-right:9px;}

.left { float: left; }
.right { float: right; }
.hide { display: none; }

/*----------------------------------------------------------------------------- 
	Template Styles
-----------------------------------------------------------------------------*/
h1 {
	color: #0a3035;
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
}

h1 a, h1 a:visited {
	color: #0a3035;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}

h2 {
	color: #0a3035;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	color: #0a3035;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
}

p, td { font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif; color: #575757; }

p { padding: 6px 0 6px 0; margin: 0; }

h2, h3 {
	padding: 6px 0 6px 0;
}

.col1 p { padding: 0 9px 8px;}

a { color: #ae963c; }
a:visited { color: #ae963c; }
a:hover { color: #000;}

hr { 
	height:0;
	border:0;
	border-bottom: 1px dotted #dddddd;
} 

/*----------------------------------------------------------------------------- 
	Layout Styles
-----------------------------------------------------------------------------*/

#wrapper {
	max-width: 100%;
	width: 100%;
}

#register_block {
	width: 950px;
	height: 570px;
	background: url(../images/bg_register.jpg) top left no-repeat;
	margin: 50px auto 0 auto;
	padding: 30px 10px 0 0;
}

	#register_form {
		float: right;
		width: 285px;
		/*margin: 30px 30px 0 0;*/
		/*padding: 25px 25px 25px 25px;*/
	}

#headerWrap {
	height: 240px;
}

	#header {
		width: 960px;
		margin: 0 auto;
		height: 240px;
		background: url(../templateimages/header_bg.jpg) top left no-repeat;
	}
	
	#logo {
		float: right;
		padding: 36px 20px 0 0;
	}	

#bodyWrap {
	padding:25px 0 0;
	/*border-bottom: 1px solid #585858;*/
	
}
	#navWrap {
		background: url(../templateimages/nav.png) no-repeat;
		height: 45px;
		margin-bottom: 10px;
	}
	
	#contentWrapTop {
		background: url(../templateimages/content_top.png) no-repeat;
		height: 6px;
		font-size: 0;
		line-height: 0;
		width: 960px;
		margin: 0 auto;
	}
	
	#contentWrapBottom {
		background: url(../templateimages/content_bottom.png) no-repeat;
		height: 6px;
	}
	
	#contents {
		background: #ffffff;
		padding: 4px 0 0 9px;
	}
	
	#bodyTxt { padding: 3px 9px; }
	
		
	#sidebar_news { width: 222px; padding: 0 9px 0 0; }
	
		#sidebar_top { width: 222px; background: url(../templateimages/sidebar_top.jpg) top left no-repeat; height: 2px; font-size: 0; line-height: 0; }
		
		#sidebar_bottom { width: 222px; background: url(../templateimages/sidebar_bottom.jpg) top left no-repeat; height: 2px; font-size: 0; line-height: 0; }
		
		#sidebar_middle { padding: 0px 9px 7px 9px; width: 204px; background: url(../templateimages/sidebar_middle.jpg) top left repeat-y; }
		
		
#footerWrap {
	/*border-top: 1px solid #bdb1b1;*/
	background: url(../templateimages/footer.jpg) top center no-repeat;
	height: 161px;
	padding-top: 10px;
	width: 100%;
}

	#footer { background: url(../templateimages/thirdiproperty_footer.jpg) center 32px no-repeat; height: 140px; text-shadow: 1px 1px #000; }

	#footerWrap p { color: #cbcbcb; text-shadow: 1px 1px #000; }
	#footerWrap a { color: #cbcbcb; text-decoration: none; text-shadow: 1px 1px #000; }
	#footerWrap a:hover { text-decoration: underline; color: #fe7d05; text-shadow: 1px 1px #000; }

	#footer_right { padding: 28px 0 0 0; font-size: 12px; color: #cbcbcb; width: 385px; text-align:right; text-shadow: 1px 1px #000; }
	#footer_right img { }
	#footer_right p { padding: 0 0 2px 0; margin: 0; font-size: 12px; }
	
	#footer_left { padding: 28px 0 0 17px; font-size: 12px; color: #cbcbcb; width: 380px;}
	#footer_left p { padding: 0 0 2px 0; margin: 0; font-size: 12px; }

/*----------------------------------------------------------------------------- 
	Navigation 
-----------------------------------------------------------------------------*/
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#nav li { position: relative; float: left; display: block; }
	
	#nav li a {
		display: block;
		color: #000000;
		font: normal 16px/43px Arial, Helvetica, sans-serif;
		background: url(../templateimages/nav_divider.png) left no-repeat;
		padding: 2px 16px 0;
		text-decoration: none;
		text-shadow: 1px 1px #f1f1f1;
		float: left;
	}
	
	#nav .first { background: none !important;}
	
	#nav a:hover, #nav a.current { color: #ae963c !important; }
	
	#nav li ul a:hover, li ul #nav a.current { color: #ae963c !important; background: #dedede !important; }
	
	#nav li ul a { background: #eeeeee !important; border-bottom: solid 1px #fff; }
	
	#nav ul, #nav li ul { z-index: 2000; }
	
	#nav li ul { width: 250px !important; }
	
	#nav li ul li { width: 250px !important; }
	
	#nav li ul li a { width: 218px !important; }
	
	/*#nav li ul { display: none; }*/
	
/* Second Level Navigation */

/*** ESSENTIAL STYLES ***/
#nav, #nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav {
	line-height:	1.0;
}
#nav ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
	background: #eeeeee !important;
	z-index: 10000;
}
#nav ul li {
	width:			100%;
	display: block;
	float: left;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
	z-index: 10001
}
#nav a {
	display:		block;
	position:		relative;
	height: 43px;
}
#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		10000;
}
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 {
	float: left;
	height: 45px;
}
#nav a {
	text-decoration:none;
}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	
}
#nav li {

}
#nav li li {

}
#nav li li li {

}
#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {

	outline:		0;
}

/*** arrows **/
#nav a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#nav ul .sf-sub-indicator { background-position:  -10px 0; }
#nav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator,
#nav ul a:hover > .sf-sub-indicator,
#nav ul a:active > .sf-sub-indicator,
#nav ul li:hover > a > .sf-sub-indicator,
#nav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*----------------------------------------------------------------------------- 
	SubNav
-----------------------------------------------------------------------------*/	
#subNavTop {
	background: url(../templateimages/subnav_top.png) no-repeat;
	height: 6px;
}

#subNavBottom {
	background: url(../templateimages/subnav_bottom.png) no-repeat;
	height: 6px;
}


#subNav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #eeeeee;
	
}

	#subNav li { position: relative; }

	#subNav li a {
		display: block;
		padding: 8px;
		border-bottom: 1px solid #ddd;	
		border-top: 1px solid #fff;
		text-shadow: 1px 1px #fff;
		color: #000000;
		text-decoration:none;
	}
	
	#subNav a:hover {
		color: #f83203;
	}
	
	#subNav a.first { border-top: none !important; }
	#subNav a.last { border-bottom: none !important; }


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

#wizard input, .textfield, textarea { border: 1px solid #ccc; padding: 3px 5px; }
#wizard input, .textfield { width: 200px;}
#wizard input[type="radio"], #wizard input[type="checkbox"] { height: 13px; width: 12px; margin-right:0px;}

#wizard input:focus, .textfield:focus { border: 1px solid #f83203; }
textarea:focus { border: 1px solid #999999; }

.user_m_button { 
	border: 1px solid #fcab01;
	padding: 5px 10px; 
	background: #ffc132; 
	font-weight: bold; 
	cursor: pointer; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:1px 1px 1px rgba(204, 204, 204, 0.5) ;
	-webkit-box-shadow:1px 1px 1px rgba(204, 204, 204, 0.5);
}

#wizard input.user_m_button { 
	height: 25px;
	width: 62px;
}

.user_m_button:hover { background: #ff5205; color: #ffffff; border: 1px solid #d62f00; }

#freeReport { width: 600px; }

/* Register */
fieldset, legend, label { padding: 0; margin: 0; border: 0;  }

fieldset { padding: 0 0 15px 0; }
/*fieldset div { float: left; }*/

legend { font: bold 16px Arial, Helvetica, sans-serif; padding: 25px 0 12px; }
label { padding: 5px 5px 10px 0px;  }
label:first-child { float: left; width: 180px; padding: 5px 25px 10px 18px;  }
label.sublabel { padding: 5px 10px 15px 32px; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

/* form { height:0; } */

form br.noclear { clear:none; }

/* Membership Details Tabs */
#wizard { width: 925px;}

	#wizard form {
		position: relative; 
		min-height: 700px;		
	}

	#wizard form br { clear: both; }
	#wizard form em, abbr, .red { color: red }
	#wizard form strong { font-weight: bold }

	#wizard form div { 
		padding: 0 0 0 15px;
		width: 700px;
		left:0;
		top: 0;
		/*position:absolute;*/
	}
		
	#wizard form div div { 
		float:left;
	}

	.tabs { 
		list-style: none;
		margin: 0;
		padding: 0 0 0 5px;
		background: url(../templateimages/members_tab_left.png) left no-repeat;
		height: 51px;
	}
	
	.tabs li { display: inline; float: left; background: url(../templateimages/members_tab_bg.png); }
	
	.tabs li a { 
		display: block;
		font: normal 16px/51px Arial, Helvetica, sans-serif;
		color: #000000;
		text-shadow: 1px 1px #f1f1f1;
		text-decoration: none;
		padding: 0px 30px 0 15px;
		background: url(../templateimages/members_tab_arrow.png) 100% 0px no-repeat;
	}
	
	.tabs .last { background: url(../templateimages/members_tab_right.png) right no-repeat; }
	.tabs .current { color: #f83203; }
	
/*----------------------------------------------------------------------------- 
	Home Page Feature Scroller
-----------------------------------------------------------------------------*/
	#featureWrap {
		/*background: url(../templateimages/feature.png) no-repeat;*/
		width: 940px;
		height:270px;
		padding: 0;
		margin-bottom: 9px;
		border: solid 1px #acacac;
		background: #fff;
	}
	
		#featureWrap h2 {
			color: #ff1b00;
			font: normal 36px Arial, Helvetica, sans-serif;
			padding: 0;
		}
		
		#featureWrap p {
			font: normal 20px Arial, Helvetica, sans-serif;
			color: #4c4c4c;
		}
	

/* CONTROLLERS DO NOT DELETE */

	#feature.scrollable { 
		position:relative; 
		width: 924px;
		height: 254px;
		overflow:  hidden;
	} 
	 
	.items { 
		width:200000em; 
		position:absolute; 
	} 
	
	.feature { 
		float:left; 
		width: 924px;
	} 

/*----------------------------------------------------------------------------- 
	Home Page Property Pack Image Scroller
-----------------------------------------------------------------------------*/

#packs .scrollable {   /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 307px; 
    height: 300px; 
} 
 
#packs .items {  /*   root element for scrollable items. */ 
    width:20000em; 
    position:absolute; 
} 
 

#packs .items img { /*  a single item. */ 
    float:left; 
} 

	.prevPage  {  
		position: relative;
		left: 10px;
		top: -25px;
		cursor: pointer;
	}
	.nextPage  {
		position: relative;
		right: 10px;
		top: -25px;
		cursor: pointer;
	}

.inpagenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
 
.inpagenav li {
	display: inline;
}