/* primary layout and styles */
html {
	margin: 0;
	padding: 0;
}

body {
	background: #b8c3c9 url('../img/body-bg.png') repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 90%;
	color: #505050;
}

a { color: #1e8fd0; }

p { line-height: 140% }

.section p a {
	color: #505050;
	text-decoration: none;
}

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

.mainBody {
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	width: 1024px;
}
.header {
	width: 100%;
	height: 150px;
	background: url('../img/Header.png');
	margin: 0;
	padding: 0;
}

.header div {
	display: block;
	width: 100%;
	height: 25px;
	font-weight: bold;
	color: white;
	font-size: 95%;
}

.header div.pushdown {
	display: block;
	width: 100%;
	height: 125px;
}

.header div span.contentSpan {
	float: right;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	background-image: url('../img/top-menu-bg.png');
	height: 28px;
}
.header div span.endSpan {
	float: right;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url('../img/HeaderLogin.png');
	display: block;
	height: 40px;
	width: 47px;	
}
.header div span a, .list a {
	color: white;
	text-decoration: none;
}

.header div span a:hover, .list a:hover {
	text-decoration: underline;
}

.menu {
	width: 100%;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 5px;
	background-image: url('../img/top-menu-bg.png');
	height: 28px;
}

.menu ul li a {
	color: white;
	text-decoration: none;
}

.menu ul li a:hover {
	text-decoration: underline;
}

.menu ul li {
	display: inline;
	padding-left: 70px;
}
.menu ul {
	margin-bottom: 2px;
	margin-top: 0px;
}
.menu ul li.first-child {
	padding-left: 0px;
}

.sideMenu, .rightSide {	
	width: 170px;
	margin-top: 5px;
	padding-left: 5px;
}

.sideMenu div, .rightSide div {
	margin-bottom: 20px;
}
a img {
	border: none;
}
.sideMenu a span {
	vertical-align: top;
}
.sideMenu a img {
	border-style: none;
}
.sideMenu ul.buttons {
	padding-top: 0px;
	margin-top:0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.sideMenu ul.buttons  {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type:none;
}
.sideMenu ul.buttons li a {
	display: block;
	border: solid 1px #7e7e7e;
	height: 25px;
	width: 168px;
	background-image: url('../img/ButtonGrad.png');
	padding-top: 5px;
	padding-left: 5px;
	font-size: medium;
	font-weight: bolder; 
}
.body, .body2Col {
	float: right;
	width: 659px;
	background: #FFF;
	padding-right: 5px;
	padding-top: 5px;
}

.body {
	float: left;
	padding-left: 6px;
	position: relative;
	left: 4px;
	background: none;
}

.sideMenu {
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.body2Col {
	float: left;
	padding-left: 5px;
	margin-right: 0px;
	padding-right: 0px;
	width: 834px;
}

.rightSide {
	float: right;
}

.footer {
	text-align: center;
	clear: both;
	color: #666;
	margin-bottom: 0px;
	margin-top:0px;
	font-size: 75%;
	padding-bottom: 15px;
	padding-top: 5px;
	border-top: solid 1px #ddd;
	
}

/* button style */
.button,
input[type=button], input[type=submit] {
	display: block;
	height: 25px;
	width: 168px;
	background-image: url('../img/ButtonGrad.png');
	border: solid 1px #7e7e7e;
	border-top: none;
	padding-top: 5px;
	padding-left: 5px;
	font-size: medium;
	font-weight: bolder;
}

.sideMenu ul.buttons a.highlight, .button.highlight {
	background-image: url('../img/ButtonGradHighlight.png');
}
 
input[type=button].highlight, input[type=submit].highlight {
	background-image: url('../img/ButtonGradHighlight.png');
}
input[type=button], input[type=submit] {
	display: block;
	height: 33px;
	width: 100px;
	background-color: #7e7e7e;
	border-top: solid 1px #7e7e7e;
	border-right: solid 1px #7e7e7e;
	padding-top: 2px;
	padding-left: 5px;
}
.section table input[type=button], .section table input[type=submit] {
	float: right;
}
.section table {
	width: 100%;
}
.section table.list tr th, .section table.list tr td {
	text-align: left;
	vertical-align: middle;
}
.section table.list tr td.numCol {
	text-align: right;
}
.section table a.button {
	display: block;
	border-top: solid 1px #7e7e7e;
	width: 100px;
	text-align: center;
	margin-right: 15px;
	margin-left: auto;
}
.button a, a.button, .sideMenu ul.buttons li a {
	text-decoration: none;
	color: #2f2f2f;
}

/* section styles */
.section h2, .section h1 {
	margin-top: 0px;
}
.section {
	background: url('../img/section-top-bg.png') no-repeat #f9fff6;
	margin: 0px 0px 10px 0px; /* adjusted top margin to 0 from 10*/
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 10px;
}
.section ol,
.section ul {
	padding: 10px 10px 10px 20px;
}
.section input {
	margin-top: 0px;
	margin-bottom: 10px;
}
.section > h2 > a {
	float: right;
	font-size: X-small;
	position: relative;
	top: -30px;
	margin-right: 10px;
}
.section tr td {
	vertical-align: top;
}
.section tr td:first-child {
	text-align: right;
}
label {
	vertical-align: top;
}
label.required {
	display: block;
	height: 24px;
	border-right: solid 3px #DD0000;
	padding-right: 10px;
	margin-right: -1px;
	margin-top: 0px;
}

/* form styles elements */
textarea {
	width: 400px;
	height: 250px;
}
input.longInput {
	width: 400px;
}
.wideTextArea {
	width: 695px;
}
input.readonly {
	border: none;
	background: white;
	margin-top: 0px;
	margin-left: 30px;
}

/* list table */
table.list {
	font-size: 90%;
	border-collapse: collapse;
}
table.list th, table.list td {
	vertical-align: middle;
}
table.list th {
	font-weight: bolder;
	color: #FFF;
	background-color: #1e8fd0;
}
.section table.list .button {
	margin-right: 0px;
}
table.list td, table.list th {
	padding-left: 10px;
	height: 29px;
}
table.list tr.rowEven {
	background-color: #c7e7f9;
}
table.list tr.rowOdd {
	background-color: #e3f4fd;
}
/* pagination styles */
.pagination {
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	text-align: center;
}
.pagination .link, .pagination .description {
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
.pagination .perpagelinks {
	float: left;
	text-align: left;
	margin-left: 10px;
}

ul.yui-nav {
	padding: 0px;
}
.leftAdvert {
	margin-top: 10px;
	height: auto;
	width: 153px;
}
.leftAdvert h3 {
	margin-bottom: 0px;
}
.leftAdvert ol {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.leftAdvert li {
	padding-top: 5px;
}
a.editNewsLink {
	float: right;
	font-size: 55%;
	top: -20px;
	position: relative;
}

/* message styles */
.error, .errors {
	color: #DD0000;
	text-align: center;
	display: block;
	font-weight: bold;
}
.userMessage {
	color: #0088C1;
	text-align: left;
	display: block;
}

/* filters styles */
.searchSection {
	border: solid 1px #AAAAAA;
	margin-bottom: 15px;
	padding: 10px;
}

.searchSection table {
	margin-top: 0px;
	clear: both;
}

.searchSection #searchHeading {
	float: left;
	position: relative;
	top: -18px;
	background: #FFFFFF;
	display: inline;
}

#searchActions input {
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 0px;
}
h1, h2 {
	font-size: 20px;
}
h5, h4, h3, h2, h1, h3 > a, strong {
	color: #2f2f2f;
}
h3 > a {
	text-decoration: none;
}
h3 > a:hover {
	color: #505050;
	text-decoration: underline;
}

/* stop firefox pushing the header down */
.header h1 {
	margin: 0;
	padding: 0;
}

.header h1 a {
	text-indent:-100000em;
	overflow:hidden;
	display: block;
	float:left;
}

.sideNews {
	background: url('../img/news-top-bg.png') no-repeat #f9fff6;
}

div.section.sideNews.leftAdvert {
	padding: 5px 0px 10px 5px;
	width: 168px;
}
div.section.sideNews.leftAdvert ul li {
	padding-left: 17px;
	background: url('../img/link-icon.jpg') no-repeat 0px 7px;
}

div.section.sideNews.leftAdvert h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.section.sideNews.leftAdvert ul {
	padding: 0;
	margin: 0;
	clear:both;
}
div.section.sideNews.leftAdvert ul li {
	list-style-type:none;
}
div.section.sideNews.leftAdvert ul li a {
	text-decoration: none;
	color: #505050;
}
div.section.sideNews.leftAdvert ul li a:hover {
	text-decoration: underline;
	color: #2f2f2f;
}
div.section.sideNews.leftAdvert h3 a {
	float: left;
}
#rssLink {
	float: right;
	width: 25px;
	height: 20px;
	display:block;
	position: relative;
	background: url(../img/RSS_Feed.png) no-repeat;
}
.linkTrail {
	font-size: 60%;
}
.regionChildrenList h3 {
	clear:both;
	padding: 0;
	margin:0;
	padding-top:10px;
}
.regionChildrenList ul {
	width: 100%;
}
.regionChildrenList ul, .regionServicesList ul, ul.regions {
	display: block;
	margin: 0;
	padding:0;
}
.regionChildrenList ul li, .regionServicesList ul li, ul.regions li {
	float: left;
	display: block;
	width: 190px;
	padding: 0;
	margin:0;
	padding-left: 10px;
}
.actionsSection {
	padding-bottom: 10px;
}
#myAutoComplete {
    width:20em; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em;
}
.section table.terms {
	border: solid  1px  black;
	border-collapse: collapse;
}
.section table.terms tr td, .section table.terms tr th {
	text-align: left;
	border: solid  1px  black;
	padding: 5px;
}

/* resources page styles */
.resources .links table tr td {
	padding-top: 20px;
}

.resources td.linkCell {
	font-weight: bold;
}

.resources td.linkCell a {
	border-top: none;
	display: inline;
	font-weight: normal;
}

.resources td.linkCell {
	padding-right: 20px;
}

/* staff profile styles */
.profile-staff h3 {
	clear: both;
}

.profile-staff div#details {
	padding-bottom: 20px;
}

.profile-staff div#details .label, div#details .data {
	float: left;
	width: 170px;
	text-align: left;
	padding: 5px;
}

.profile-staff div#details .label {
	text-align: right;
	font-weight: bolder;
}

/* provider profiles styles */
.profile-provider div#details {
	padding-bottom: 10px;
	width: 100%;
}

.profile-provider .service-area {
	width: 100%;
	padding-bottom: 15px;
}

.profile-provider div#details .label, div#details .data {
	float: left;
	width: 170px;
	text-align: left;
	padding: 5px;
}

.profile-provider div#details .label {
	text-align: right;
	font-weight: bolder;
}

.profile-provider img.companyLogo {
	margin-left: 10px;
	float: right;
}

.profile-provider .ratingdiv {
	clear: none;
}

.profile-provider h4 {
	margin-bottom: 5px;
}

.profile-provider ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-left: 20px;
}

/* availablity styles */
table.sps-availability {
	width: 138px;
	margin-left:0px;
	margin-right: auto;
	padding-top: 0px;
	height: 17px;
}
.sps-availability .sps-availability-date-selected {
	font-weight: bold;
}

.sps-availability tr td {
	height: 16px;
}

.sps-availability .notAvailable,
.sps-availability .available {
	background-repeat:no-repeat;
	background-position: top center;
}

.sps-availability .notAvailable span,
.sps-availability .available span {
	font-size: 65%;
	font-weight: bold;
	cursor: default;
}

.sps-availability .available {
	background-image:url('../img/tick.png');	
}

.sps-availability .notAvailable {
	background-image:url('../img/cross.png');
}

/* wizard progress styles */
.sps-wizard {
	padding: 0;
	margin-bottom: 10px;
}
.sps-wizard span {
	display: inline-block;
	background-color: #1e8fd0;
	background-position: top left;
	background-image: url('../img/wizard-normal.png');
	background-repeat: no-repeat;
	height: 28px;
	width: 141px;
	text-align: center;
	padding-left: 21px;
	padding-top: 12px;
	color: white;
}

.sps-wizard .sps-wizard-first {
	background-image: none;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	width: 162px;
	padding-left: 0px;
}

.sps-wizard .sps-wizard-last {
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.sps-wizard .sps-wizard-selected {
	background-color: #43b710;
}

.sps-wizard .sps-wizard-after-selected {
	background-image: url('../img/wizard-selected.png');
}

/* search panel */
.sps-search-section .sps-search-panel {
	background-image: url('../img/search-bg.png');
	background-position: 400px -50px;
	background-repeat: no-repeat;
}
.sps-search-panel {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
}

.sps-search-panel .row {
	clear: both;
	width: 100%;
	height: 60px;
}

.sps-search-panel .area-details {
	display: block;
	position: absolute;
}

.sps-search-panel .area-details span {
	padding-left: 7px;
	margin-left: 7px;
}

.sps-search-panel .label {
	font-weight: bold;
	display: block;
	float: left;
	margin: 0;
	margin-right: 5px;
	margin-bottom: 40px;
	width: 150px;
	text-align: right;
}

.sps-search-panel select {
	width: 180px;
	display: block;
	float: left;
}

.sps-search-panel a {
	background-image: url('../img/info.png');
	background-position: center center;
	background-repeat: no-repat;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	position: relative;
	top: -5px;
	margin-left: 10px;
}

.sps-search-panel a span {
	display: none;
}

.sps-search-panel #myAutoComplete {
	display: block;
	width: 180px;
}

.sps-search-panel #regionWrap {
	display: block;
	width: 180px;
	float: left;
	margin-right: 40px;
}

.sps-search-panel #next {
	float: right;
}

/* search results section styles */
.sps-search-results {
	background-image: url('../img/list-bg.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.sps-search-results h4, .sps-search-results h5 {
	padding: 0;
	margin: 0;
}

.sps-search-results #changeSearch {
	float: right;
	position: relative;
	top: -5px;
}

.sps-search-results .label {
	width: 130px;
}

.sps-search-results tr.sps-search-result-2 td { text-align: left; padding: 2px 2px 2px 2px;}  

.sps-search-results tr.sps-search-result-1 td {
	padding: 8px 2px 0px 2px;
	vertical-align: center;
	margin-bottom: 0;
	text-align: left;
}

.sps-search-results tr.sps-search-result-1 td h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.sps-search-results tr.sps-search-result-1 td.sps-search-bookit-cell {
	padding: 0px 10px 0px 2px;
}

.sps-search-result-1 .sps-search-bookit-cell input {
	display: block;
	height: 30px;
	width: 104px;
	background-image: url('../img/book-it-now.png');
	background-color: transparent;
	border: none;
	cursor: pointer; cursor: hand;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* styles for the result bin pictures */
.sps-search-results .sps-dim {
	position: relative;
}

.sps-search-results .sps-dim-w {
	top: -25px;
	left: 10px;
}

.sps-search-results .sps-dim-h {
	top: -90px;
	left: 130px;
}

.sps-search-results .sps-dim-l {
	top: -25px;
	left: 50px;
}


/* Datefield look/feel */
.datefield {
    white-space:nowrap;
}

.datefield button {
	position: relative;
	top: -5px;
}

.datefield input,
.datefield button,
.datefield label  {
    vertical-align:middle;
}

.datefield input  {
    width:150px;
}

.datefield button img {
    padding:0;
    margin:0;
    vertical-align:middle;
}

/* calendar styles */
/* Clear calendar's float, using dialog inbuilt form element */
#container .bd form {
    clear:left;
}

/* Have calendar squeeze upto bd bounding box */
#container .bd {
    padding:0;
}

#container .hd {
    text-align:left;
}

/* Center buttons in the footer */
#container .ft .button-group {
    text-align:center;
}

/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
#container_c.yui-overlay-hidden table {
    *display:none;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {
    border:none;
    padding:1em;
}

/* backgrounds */
.sps-service-details {
	background-image: url('../img/service-bg.png');
	background-position: right 20px;
	background-repeat: no-repeat;
}

.sps-customer-details {
	background-image: url('../img/customer-bg.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.sps-payment-details {
	background-image: url('../img/payment-bg.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.sps-payment-details .section {
	margin: 15px 0px 0px 0px;
	padding: 10px 5px 5px 5px;
}

.sps-payment-details .section h3 {
	margin-top: 5px;
}

.sps-payment-details .details h3 {
	float: left;
	margin-top: 5px;
}

.sps-payment-details .details input {
	float: right;
}

.sps-payment-details .details table h4 {
	padding: 0;
	margin: 0;
}

/* contact page styles */
.contact h2 {
	margin-bottom: 0px;
}

.contact h3 {
	margin-left: 15px;
	margin-top: 0px;
	padding-top: 15px;
	clear:left;
}

.contact ul {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	list-style-type: none;
}

.contact ul li {
	margin: 3px;
}

.contact ul.phone-list li {
	clear: left;
}

.contact ul.phone-list li span {
	display: block;
	width: 100px;
	float:left;
}

.contact ul.phone-list li span.phone {
	font-weight: bolder;
}

/* skip bins pages */
div.clear {
	clear: both;
}

.skip-bin-content div.clear {
	padding: 8px;
}

.skip-bin-content a.button {
	border-top: 1px solid #7e7e7e;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.sps-service-areas ul {
	margin-top: 0px;
	padding-top: 0px;
}

.footer ul.phone-list li span {
	display: block;
	width: 75px;
	float:left;
	text-align: left;
}

.footer ul.phone-list li span.phone {
	width: 150px;
	padding-right: 5px;
}

.footer ul.phone-list li span.state {
	width: 35px;
}

.footer ul.phone-list li span.location {
	width: 85px;
	font-weight: bolder;
}

.footer ul {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	padding-left: 92px;
	list-style-type: none;
	clear: left;
}

.footer ul li {
	margin: 3px;
	float: left;
}

.sps-search-results .special {
	width: 110px;
}

div.clear {
	clear:both;
}

.sideMenu .bottomLinks {
	text-align: center;
}

.sideMenu .bottomLinks > img {
	display: block;
	width: 90px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.sps-service-areas ul { margin-bottom: 0; padding-bottom: 0;}	

.sps-service-areas h3 {
	margin-top: 15px;
	padding-left: 45px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 12px;
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.sps-service-areas h3.search     { background-image: url('../img/globe.png'); }
.sps-service-areas h3.states-nsw { background-image: url('../img/states-nsw.png'); }
.sps-service-areas h3.states-vic { background-image: url('../img/states-vic.png'); }
.sps-service-areas h3.states-qld { background-image: url('../img/states-qld.png'); }
.sps-service-areas h3.states-wa  { background-image: url('../img/states-wa.png'); }
.sps-service-areas h3.states-sa  { background-image: url('../img/states-sa.png'); }
.sps-service-areas h3.states-act { background-image: url('../img/states-act.png'); }
.sps-service-areas h3.states-tas { background-image: url('../img/states-tas.png'); }
.sps-service-areas h3.states-nt  { background-image: url('../img/states-nt.png'); }

.sps-service-areas .sps-areas-list {
	width: 360px;
	float:left;
}

.sps-service-areas .sps-search-section {
	width: 440px;
	float: right;
	padding-right: 10px;
}

.sps-service-areas .sps-search-section .label {
	width: 80px;
}

.sps-service-areas .sps-search-section img {
	margin-top: 200px; margin-left: 60px;margin-right:50px;
}

.sps-profiles-services .buttons .button {
	float: right;
	width: 130px;
	margin-left: 10px;
	margin-top: 20px;
	border-top: 1px solid #7e7e7e;
	text-align: center;
}

.contact h3 {
	padding-left: 45px;
	margin-bottom: 5px;
	margin-top: 12px;
	padding-bottom: 5px;
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.contact h3.phone { background-image: url('../img/phone.png'); }
.contact h3.email { background-image: url('../img/email.png'); }
.contact h3.post { background-image: url('../img/post.png'); margin-top: 35px; }
.contact h3.enquiry { background-image: url('../img/enquiry.png'); }

.contact textarea {
	width: 300px;
	height: 100px;
}

.free-quote {
	position: relative;
	top: 22px;
	left: 900px;
	display: block;
	height: 80px;
	width: 100px;
}

/* styles for record history */
.sps-update h3 {
	font-size: 115%;
	margin-bottom: 2px;
	border-bottom: 1px dotted #7e7e7e;
	color: #505050;
}

.sps-update ul {
	margin: 0 0 0 15px;
	padding: 0;
}

.sps-update li {
	color: #505050;
}

.sps-update strong {
	font-weight: 600;
	color: #505050;
}

.sideMenu ul.buttons li {
	padding-left: 8px;
	padding-bottom: 4px;
}

.sideMenu ul.buttons li a {
	text-align: center;
	border: none;
	background: url('../img/button-bg.png');
	color: #3eea27;
	height: 29px;
	width: 155px;
	padding-top: 6px;
	font-weight: 900;
}

.sideMenu ul.normal li a {
	background: url('../img/button-menu-bg.png');
	color: #7e7e7e;
}

.sideMenu ul.buttons li a:hover {
	color: #ffa100;
}

.sps-listing-page form {
	margin-bottom: 0;
}

.sps-listing-page table {
	width: 100%;
	background-image: url('../img/search-bg.png');
	background-position: 400px -119px;
	background-repeat: no-repeat;
}

.sps-listing-page tr td, .sps-listing-page tr td:first-child {
	text-align: left;
	padding: 0;
}

.sps-listing-page tr td p {
	margin: 0;
}

.sps-listing-page tr td h3 {
	margin-bottom: 0;
	margin-top: 15px;
}

.sps-listing-page .ratingcol {
	padding-top: 20px;
	margin-right:0;
}

.sps-locations {
	padding-bottom: 8px;
}

.sps-locations span {
	color: #1e8fd0;
	text-decoration: underline;
	cursor: pointer; cursor: hand;
}