#page { width: 94.8em; margin: 1em auto; color #676767; background: transparent url('/assets/images/backgrounds/bg-page.jpg') top center no-repeat; }
#page-inner { color: #676767; background-color: #fff; } 
#header { padding: 1em; background: transparent url('/assets/images/backgrounds/bg-page.jpg') top center no-repeat; }
#header fieldset { display: block; float: right; width: 38em; border: 0; margin-top: 8em; }
#header fieldset legend, #header fieldset dt { display: none; }
#header fieldset dd { display: block; float: left; }
#header fieldset input.text { width: 250px; height: 22px; padding: 5px 10px 0 10px; border: 1px solid #e0e0e0; font-size: 1.4em; font-weight: bold; color: #c1c1c1; background-color: Transparent; }
#header fieldset input.button { float: right; cursor: pointer; color: transparent; background: transparent url('/assets/images/buttons/search-btn.jpg') no-repeat; font-size: 1px; width: 82px; height: 29px; border: 0; }
#header fieldset input.button:hover { color: transparent; background: transparent url('/assets/images/buttons/search-btn.jpg') no-repeat; }
#header img { margin: 2em 2em 0 2em; }

#navigation { width: 94.8em; height: 4.8em; background: transparent url('/assets/images/backgrounds/bg-navigation.jpg') top left repeat-x; }
#navigation ul { display: block; list-style-type: none; }
#navigation ul li { display: block; float: left; margin: 1.4em 0 1em 0; padding: 0.2em 3em; border-left: 2px solid #26619c; }
#navigation ul li.first { border: 0; }
#navigation ul li a { font-size: 1.7em; color: #fff; background-color: transparent; font-weight: bold; text-decoration: none; }
#navigation ul li a:hover { color: #c1d82f; background-color: transparent; }

#hero { clear: both; padding: 0.5em 0; }

#content { margin: 0 1em; }
#content h2 { height: 31px; font-size: 1.6em; line-height: 2em; margin: 0 18px; }
#content h3 { height: 31px; font-size: 1.5em; line-height: 2em; margin: 0 18px; }
#content h4 { height: 31px; font-size: 1.4em; line-height: 2em; margin: 0 15px; }

#content .blog h2 { height: 37px; font-size: 1.8em; line-height: 2em; margin: 0 18px; color: #676767 !important; background-color: transparent; }
#content .blog h3 { height: 37px; font-size: 1.6em; line-height: 2em; margin: 0 18px; color: #676767 !important; background-color: transparent; }
#content .blog .leading_separator { margin: 0 2em; display: block; border-top: 1px solid #ddd; }
#content .blog .counter { display: block; float: left; width: 10em; }
#content .blog .blog_more a { color: #005daa; background-color: transparent; text-decoration: none; }
#content .blog .blog_more a:hover { text-decoration: underline; }
#content .blog .pag-page-links { display: block; float: right; width: 30em; font-size: 1.2em; text-align: right; margin: 0 2em; }
#content .blog .pag-page-links a { color: #005daa; background-color: transparent; text-decoration: none; }
#content .blog .pag-page-links a:hover { text-decoration: underline; }

#content .intro-content { margin: 0 1em 0 0; color: #003e7e; background-color: transparent; }
#content .intro-content h1 { font-size: 1.9em; font-weight: normal; font-family: verdana, Helvetica, sans-serif; }
#content .intro-content p { font-size: 1.2em; font-family: verdana, Helvetica, sans-serif;  }

#content ul, #content ol { display: block; list-style-type: none; margin: 2em 1em; }
#content ul li, #content ol li { display: block; float: left; margin-top: 1em; }
#content ul li a, #content ol li a { padding-left: 15px; font-weight: bold; font-size: 1.4em; text-decoration: none; }
#content ul li span, #content ol li span { font-size: 1.3em; }
#content ul li a:hover, #content ol li a:hover { text-decoration: underline; }
#content #right-panel { float: right; width: 20.6em; border: 0; }
#content #right-panel-intro { float: right; width: 20.6em; border: 0; text-align: center; }
#content #right-panel-intro h2 { line-height: 1.4em; padding: 3.5em 0; margin: 0; }
#content #right-panel-intro p.phone-number { font-size: 2.6em; font-weight: bold; padding-bottom: 1em; }
#content #right-panel-intro p.register-now { font-size: 2.2em; font-weight: bold; line-height: 1.4em; }
                    
#content .intro-content { width: 71.5em; }
#content .no-results { color: #676767; background-color: transparent; }

#content .primary-panel { float: left; color: #676767; background: #f7f6f5 url('/assets/images/backgrounds/bg-primary-panel.jpg') top left repeat-x; width: 71.5em; margin-bottom: 1em; }
#content .primary-panel .tl { background: transparent url('/assets/images/backgrounds/bg-primary-panel-tl.jpg') top left no-repeat; }
#content .primary-panel .tr { background: transparent url('/assets/images/backgrounds/bg-primary-panel-tr.jpg') top right no-repeat; }
#content .primary-panel .bl { background: transparent url('/assets/images/backgrounds/bg-primary-panel-bl.jpg') bottom left no-repeat; }
#content .primary-panel .br { background: transparent url('/assets/images/backgrounds/bg-primary-panel-br.jpg') bottom right no-repeat; }

#content .secondary-panel { float: left; color: #676767; background: #f4f4f4 url('/assets/images/backgrounds/bg-secondary-panel.jpg') top left repeat-x; width: 71.5em; margin-bottom: 1em; }
#content .full-width { width: 92.8em; margin-top: 1em; }
#content .secondary-panel .tl { background: transparent url('/assets/images/backgrounds/bg-secondary-panel-tl.jpg') top left no-repeat; }
#content .secondary-panel .tr { background: transparent url('/assets/images/backgrounds/bg-secondary-panel-tr.jpg') top right no-repeat; }
#content .secondary-panel .bl { background: transparent url('/assets/images/backgrounds/bg-secondary-panel-bl.jpg') bottom left no-repeat; }
#content .secondary-panel .br { background: transparent url('/assets/images/backgrounds/bg-secondary-panel-br.jpg') bottom right no-repeat; }

#content .primary-panel p, #content .secondary-panel p { font-size: 1.3em; line-height: 1.4em; margin: 0 1.5em 1em 1.5em; }

#content .profile-panel { color: #fff; background: #6db33f url('/assets/images/backgrounds/bg-profile-panel-h3.jpg') top left repeat-x; }
#content .profile-panel .tl { background: transparent url('/assets/images/backgrounds/bg-profile-panel-tl.jpg') top left no-repeat; }
#content .profile-panel .tr { background: transparent url('/assets/images/backgrounds/bg-profile-panel-tr.jpg') top right no-repeat; }
#content .profile-panel .bl { background: transparent url('/assets/images/backgrounds/bg-profile-panel-bl.jpg') bottom left no-repeat; }
#content .profile-panel .br { background: transparent url('/assets/images/backgrounds/bg-profile-panel-br.jpg') bottom right no-repeat; height: 38em; margin-bottom: 1em; }

#content .action-panel { color: #676767; background-color: #fbfceb; }
#content .action-panel .tl { background: transparent url('/assets/images/backgrounds/bg-action-panel-tl.jpg') top left no-repeat; }
#content .action-panel .tr { background: transparent url('/assets/images/backgrounds/bg-action-panel-tr.jpg') top right no-repeat; }
#content .action-panel .bl { background: transparent url('/assets/images/backgrounds/bg-action-panel-bl.jpg') bottom left no-repeat; }
#content .action-panel .br { background: transparent url('/assets/images/backgrounds/bg-action-panel-br.jpg') bottom right no-repeat; }

#content .review-panel { color: #fff; background: #00b5cc url('/assets/images/backgrounds/bg-review-panel.jpg') top left repeat-x; }
#content .review-panel .tl { background: transparent url('/assets/images/backgrounds/bg-review-panel-tl.jpg') top left no-repeat; }
#content .review-panel .tr { background: transparent url('/assets/images/backgrounds/bg-review-panel-tr.jpg') top right no-repeat; }
#content .review-panel .bl { background: transparent url('/assets/images/backgrounds/bg-review-panel-bl.jpg') bottom left no-repeat; }
#content .review-panel .br { background: transparent url('/assets/images/backgrounds/bg-review-panel-br.jpg') bottom right no-repeat; }
#content .review-panel h4 { margin: 0; }

#content .primary-panel h2 { color: #fff; background-color: transparent; }
#content .secondary-panel h2 { color: #fff; background-color: transparent; }
#content .secondary-panel h3, #content .primary-panel h3 { color: #005daa; background-color: transparent; }
#content .action-panel h3 { color: #6db33f; background: transparent url('/assets/images/backgrounds/bg-action-panel-h3.jpg') bottom left repeat-x; }

#content .primary-panel ul li { width: 21em; height: 2em; color: #005daa; background: transparent url('/assets/images/backgrounds/bg-primary-panel-li.jpg') left 2px no-repeat; }
#content .secondary-panel ul li { width: 21em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-li.jpg') left 2px no-repeat; }
#content .secondary-panel ul.qs li { width: 31em; height: 2em; padding-left: 15px; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-li.jpg') left 2px no-repeat; }
#content .secondary-panel ul.art li { width: 31em; height: 5em; padding-left: 15px; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-li.jpg') left 2px no-repeat; }
#content .secondary-panel ul.how-to li { height: 2em !important; }
#content .secondary-panel ol li { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-1.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-2 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-2.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-3 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-3.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-4 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-4.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-5 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-5.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-6 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-6.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-7 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-7.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-8 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-8.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-9 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-9.jpg') top left no-repeat; }
#content .secondary-panel ol li.item-10 { width: 32.5em; height: 2em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-secondary-panel-ol-li-10.jpg') top left no-repeat; }

#content .primary-panel ul li a { color: #005daa; background-color: transparent; }
#content .secondary-panel ul li a { color: #676767; background-color: transparent; }
#content .secondary-panel ul.art li a { color: #676767; background-color: transparent; padding: 0; }
#content .secondary-panel ol li a { color: #676767; background-color: transparent; padding-left: 25px; }

#content .primary-panel div.actions a.button { display: block; clear: both; float: right; margin: 1em 1em; }

#content .profile-panel p { font-size: 1.3em; margin: 1em 1em 1em 15px; }
#content div.rating { height: 1em; margin: 0 15px; }
#content div.rating h5 { display: block; float: left; font-size: 1.3em; }
#content div.rating span.star-rating { width: 7em; display: block; float: left; margin: 4px 0 0 4px; }

#content .rating-box { margin: 1em 1.5em; background: transparent url('/assets/images/backgrounds/bg-rating-box.jpg') bottom left repeat-x; }
#content .rating-box h4, #content .rating-box p { font-size: 1.3em; }
#content .rating-box .rating { margin: 0; }
#content a.more { display: block; float: right; margin: 15px; }
#content .rating-box a.more { clear: both; }
#content .review-panel a.add-comment { display: block; margin: 3em 0; text-align: center; }

#content .action-panel p { font-size: 1.3em; line-height: 1.4em; margin: 1em 1em 1em 15px; }
#content .action-panel fieldset, #content .review-panel fieldset { margin: 1em 1em 1em 15px; }
#content .action-panel fieldset legend, #content .review-panel fieldset legend { display: none; }
#content .action-panel fieldset dl, #content .review-panel fieldset dl { margin-bottom: 1em; }
#content .action-panel fieldset dl dt label, #content .review-panel fieldset dl dt label { display: block; font-size: 1.3em; font-weight: bold; padding-top: 0.6em; }
#content .action-panel fieldset dl dd input, #content .action-panel fieldset dl dd select { border: 1px solid #efefe3; width: 180px; color: #676767; background-color: #fff; }
#content .action-panel fieldset input.send { float: right; cursor: pointer; color: #6db33f; background: transparent url('/assets/images/buttons/send.jpg') no-repeat; font-size: 1px; width: 81px; height: 26px; border: 0; }
#content .action-panel fieldset input.next { float: right; cursor: pointer; color: #6db33f; background: transparent url('/assets/images/buttons/next.jpg') no-repeat; font-size: 1px; width: 81px; height: 26px; border: 0; }

#content .contact-details { margin: 0 2em; padding: 0 2em; width: 20em; float: right; background: transparent url('/assets/images/backgrounds/bg-contact-details.jpg') top left repeat-y; }
#content .contact-details span { display: block; font-size: 1.3em; height: 2.5em; padding: 0.5em 0 0 3em; }
#content .contact-details span.phone { background: transparent url('/assets/images/icons/phone.jpg') top left no-repeat; }
#content .contact-details span.mobile { background: transparent url('/assets/images/icons/mobile.jpg') top left no-repeat; }
#content .contact-details span.fax { background: transparent url('/assets/images/icons/fax.jpg') top left no-repeat; }
#content .contact-details span.email { background: transparent url('/assets/images/icons/email.jpg') top left no-repeat; }

#content .info-panel { float: left; width: 30em; margin: 0 2em 1em 2em; background: transparent url('/assets/images/backgrounds/bg-tradie-panel.jpg') left 37px repeat-x; }
#content .info-panel-double { float: left; margin: 0 2em 1em 2em; background: transparent url('/assets/images/backgrounds/bg-tradie-panel.jpg') left 37px repeat-x;}
#content .info-panel h3 { margin: 0; height: 18px; }
#content .info-panel-double h3 { margin: 0 0 2em 0; height: 18px; }
#content .info-panel-double img { margin: 0.5em; }

#content .primary-panel fieldset { display: block; margin: 1em 3em; padding: 1em 3em; }
#content .primary-panel fieldset legend { display: none; }
#content .primary-panel fieldset dl dt { display: block; float: left; clear: left; width: 18em; height: 3em; line-height: 3em; vertical-align: middle; color: #676767; background-color: transparent; }
#content .primary-panel fieldset dl dt label { font-size: 1.4em; display: block; text-align: right; padding: 0 0.5em; font-weight: bold; }
#content .primary-panel fieldset dl dd { display: block; float: left; width: 30em; line-height: 3em; vertical-align: middle; }
#content .primary-panel fieldset dl dd input, #content .primary-panel fieldset dl dd textarea { font-size: 1.3em; padding: 0.3em; border: 1px solid #999; width: 20.3em; }
#content .primary-panel fieldset dl dd input.cc { width: 3.2em; }
#content .primary-panel fieldset dl dd input.sof { width: 5em; }
#content .primary-panel fieldset dl dd input.sofck { width: auto; }
#content .primary-panel fieldset dl dd select { font-size: 1.3em; padding: 0.3em; border: 1px solid #999; width: 21em; }
#content .primary-panel fieldset dl dd select.cc { width: 3.9em; }
#content .primary-panel input.submitbtn { margin-left: 18.5em; }

#content .secondary-panel fieldset { display: block; margin: 1em 3em; padding: 1em 3em; }
#content .secondary-panel fieldset legend { display: none; }
#content .secondary-panel fieldset dl dt { display: block; float: left; clear: left; width: 18em; height: 3em; line-height: 3em; vertical-align: middle; color: #676767; background-color: transparent; }
#content .secondary-panel fieldset dl dt label { font-size: 1.4em; display: block; text-align: right; padding: 0 0.5em; font-weight: bold; }
#content .secondary-panel fieldset dl dd { display: block; float: left; width: 30em; line-height: 3em; vertical-align: middle; }
#content .secondary-panel fieldset dl dd input, #content .primary-panel fieldset dl dd textarea { font-size: 1.3em; padding: 0.3em; border: 1px solid #999; width: 20.3em; }
#content .secondary-panel fieldset dl dd input.cc { width: 3.2em; }
#content .secondary-panel fieldset dl dd input.sof { width: 5em; }
#content .secondary-panel fieldset dl dd input.sofck { width: auto; }
#content .secondary-panel fieldset dl dd select { font-size: 1.3em; padding: 0.3em; border: 1px solid #999; width: 21em; }
#content .secondary-panel fieldset dl dd select.cc { width: 3.9em; }
#content .secondary-panel input.submitbtn { margin-left: 18.5em; }


#content table.regi { color: #676767; background-color: transparent; }
#content table.regi tr { color: #676767; background-color: transparent; }
#content table.regi td { color: #676767; background-color: transparent; }
#content table.regi label { font-size: 1.4em; display: block; text-align: right; padding: 0 0.5em; font-weight: bold; }
#content table.regi span.qn { font-size: 1.4em; display: block; text-align: right; padding: 0 0.5em; font-weight: bold; }
#content table.regi input, #content table.regi textarea { font-size: 1.3em; padding: 0.3em; border: 1px solid #999; width: 20.3em; }
#content table.regi select { font-size: 1.3em; padding: 0.3em; border: 1px solid #999; width: 21em; }
#content table.regi div.tc { margin: 30px 0; padding-left: 320px; }
#content table.regi div.tc input { width: auto; }
#content table.regi div.tc span { font-size: 1.2em; display: block; float: right; width: 250px; }
#content table.em_wfs_layout input { width: auto !important; border:1px #000;  }
#content table.em_wfs_layout label { font-size: 1.2em; font-weight: normal; display: inline; }
#content table input#em_wfs_submit { margin-left: 320px; border: 0; width: auto !important; }

#content .primary-panel ul.errors { margin-left: 10em; }
#content .primary-panel ul.errors li { display: block; float: none; width: 30em; margin: 0; padding: 0; font-size: 1.3em; color: red; background-color: transparent; background-image: none; }

#footer { clear: both; height: 4em; padding-top: 32.9em; margin-bottom: 1em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-footer.gif') bottom center no-repeat; }
#footer ul { display: block; clear: both; list-style-type: none; margin-left: 35em; }
#footer ul li { display: block; float: left; margin: 0.5em auto; padding: 0 0.5em; border-left: 1px solid #676767;}
#footer ul li.first { border: 0; }
#footer ul li a { font-size: 1.3em; color: #676767; background-color: Transparent; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

.results-summary { margin: 1em 18px 0 18px; padding-bottom: 10px;  background: transparent url('/assets/images/backgrounds/bg-search-result.jpg') bottom left repeat-x; }
.results-summary .totals { display: block; float: left; width: 30em; font-size: 1.4em; font-weight: normal; color: #676767; background-color: transparent; }
.results-summary .paging { display: block; float: right; }
.results-summary .paging a { font-size: 1.3em; color: #0083a9; background-color: transparent; font-weight: normal; padding: 0 0.1em; text-decoration: none; }
.results-summary .paging a:hover { text-decoration: underline; }
.results-summary .paging a.search-prev { background: transparent url('/assets/images/backgrounds/bg-search-prev.jpg') left 4px no-repeat; padding-left: 13px; }
.results-summary .paging a.search-next { background: transparent url('/assets/images/backgrounds/bg-search-next.jpg') right 4px no-repeat; padding-right: 13px; }


.search-result { margin: 1em; padding: 3em 1em; height: 13em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-search-result.jpg') bottom left repeat-x; }
.search-result .image { display: block; float: left; width: 15.4em; margin-right: 2em; }
.search-result .details { display: block; float: left; width: 49.5em; margin: 0; padding: 0; border: 1px solid #f8f6f5; }
.search-result .details .star-rating { display: block; float: right; width: 10em; height: 1em; padding-top: 1.5em; text-align: right; }
.search-result .details h3 { margin: 0 !important; padding: 0 !important; width: 20em; color: #005dab !important; background-color: transparent; }
.search-result .details h3 a { margin: 0 !important; padding: 0 !important; width: 20em; color: #005dab !important; background-color: transparent; text-decoration: none; }
.search-result .details h3 a:hover { text-decoration: underline; }
.search-result .details p { margin: 0 !important; padding: 0 0 0.5em 0 !important; }
.search-result .details p.address, .search-result .details p.phone { padding: 0 !important; }
.search-result .details p.keywords { padding: 0 !important; }

.featured { color: #676767; background-color: #d7e3f4; background-image: none !important; margin: 1em 0 !important; height: 14em;  } 
.featured .details { border: 1px solid #d7e3f4; }

.view-profile-btn { display: block; float: right; }

.site-search-result { margin: 1em 0; padding: 0 1em 1em 1em; color: #676767; background: transparent url('/assets/images/backgrounds/bg-search-result.jpg') bottom left repeat-x; }

.search-form, .searchintro { margin: 0 2em; }
.search-form td, .searchintro td { font-size: 1.3em; }
.searchintro td.error { padding: 0 2em; }
.search-form td input.inputbox { border: 1px solid #ddd; margin: 0; padding: 0.15em 0.2em; }

#register-tradies a {
display: block;
width : 685px;
height : 190px;
background-image : url(/images/stories/btn-tradiesregister.gif); 
background-repeat: no-repeat;
background-position: 25px 0; 
text-indent: -9999em;
}

#register-tradies a:hover {
background-image : url(/images/stories/btn-tradiesregister_hover.gif);
} 

#register-users a {
display: block;
width : 685px;
height : 212px;
background-image : url(/images/stories/btn-lookingforatradie.gif);
background-repeat: no-repeat;
background-position: 25px 0; 
text-indent: -9999em;
}

#register-users a:hover {
background-image : url(/images/stories/btn-lookingforatradie_hover.gif);
}