* { margin: 0px; padding: 0px; }
* html body {
overflow: hidden;
}
html, body {
margin: 0 auto 0;;
padding: 0;
border: 0;
color:#363636;
font:12px/1.6 Arial,Helvetica,sans-serif;
}
body {
/* min-width: 950px; */ /* 2x (LS fullwidth + CC Padding) + RC fullwidth */
background:#E1E1E1;position:relative;
}
h1 { font-family: tahoma, verdana, arial, helvetica; color: #666666; font-size: 160%; margin: 0 0 5px 0;}
h2 { font-family: tahoma, verdana, arial, helvetica; color: #666666; font-size: 120%; margin: 0 0 5px 0; padding: 0;}
h3 { font-family: tahoma, verdana, arial, helvetica; color: #666666; font-size: 110%; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
/***************************************************/
/*************** Template Structure ****************/
/***************************************************/
#container {width: 973px; margin: 4px auto 0;}
#container .column { position: relative; float: right; }
#header {
margin:0 auto;
padding:15px 0 0;
position:relative;
width:973px;
height:103px;
}
#center { padding: 0px;width:763px; padding-top:28px;}
#left { padding: 0px; margin:0 0 0 -208px; width:208px; float:left;}
#right {/* width: 200px; padding-right: 10px;*/}
#footer { padding-top: 0px; clear: both; width:973px; margin:auto;}
#left { /**left: 210px; */} /* RC fullwidth */ /*** IE6 Fix ***/
/***************************************************/
/*************** FORM STYLES ***********************/
/***************************************************/
div.form-container { padding: 0px 5px 0px 5px; }
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; margin-top: 3px; }
div.form-container div.controlset { margin-left: 170px; float: none;}
div.form-container div.controlset input { width: auto; margin: 2px 0px 3px 0px; vertical-align: middle; border:0 none; }
div.form-container input.controlset { width: auto; }
div.form-container select.page-numbers { width: 50px; padding: 1px; font-size: 90%; }
div.form-container input.error, div.form-container select.error, div.form-container textarea.error { border: 1px solid #C00; background-color: #FEF; }
div.form-container div.custom { padding: 3px 5px 3px 5px; }
/*
div.form-container fieldset ol { margin: 0; padding: 0; }
div.form-container fieldset li { list-style: none; padding: 5px 0 5px 0; margin: 0; }
div.form-container em { font-weight: bold; font-style: normal; position: absolute; right: 0; color: #C00; }
div.form-container label { font-size: 12px; margin-right: 10px; padding: 0px 10px 0 0; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error { color: #C00; }
div.form-container fieldset.buttonrow { border: 0px; margin: 0px; padding: 0px; margin-left: 180px; }
*/
fieldset ol { margin: 0; padding: 0; }
fieldset li { list-style: none; padding: 5px; margin: 0; clear: both; }
div.form-container em { font-weight: bold; font-style: normal; right: 0; color: #C00; } /* removed position: absolute; due to IE7 overlap bug */
fieldset label { font-size: 12px; margin-right: 10px; padding: 0px 10px 0 0; width: 150px; display: block; float: left; text-align: right; position: relative; }
label.error { color: #C00; }
div.form-container fieldset.buttonrow { border: 0px; padding: 0px; }
div.form-container fieldset.buttonrow input { margin: 0 0 0 185px; }
fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; -moz-border-radius: 8px; border-radius: px; }
fieldset.hidden { border: 0px; }
fieldset li img { padding-left: 10px; }
fieldset li p img { padding: 0; }
legend { font-weight: bold; color: #555; padding: 5px 10px 5px 10px; border: #DDD 1px solid; background-color: #EEE }
fieldset div div img { padding: 0px; } /* fix for tree selects */
input.submit { background-color: #EEE; border: 1px solid #C6C3C6; color: #666; padding: 2px 5px 2px 5px; cursor: pointer; width: auto;}
input.submit:hover { background-color:#f5f7fa; border: 1px solid #79a8f5;}
input, textarea, select { width: 250px; background-color: #FFFFFF; font-size: 12px; color: #000000; font-family: inherit; border: 1px solid #C0C0C0; padding: 3px 5px 3px 5px; }
select option { padding-left: 5px; }
select { width: 262px; padding: 2px 3px 2px 3px; }
textarea { height: 150px; }
input:focus, input.error:focus, textarea:focus { background-color: #f5f7fa; border: 1px solid #79a8f5; }
/***************************************************/
/**************** TABLE LIST ***********************/
/***************************************************/
div.table-list table { width: 100%; margin-bottom: 10px;}
div.table-list table, div.table-list td { border: 1px solid #CCC; border-collapse: collapse; font-family: tahoma, verdana, arial, helvetica; }
div.table-list thead th, div.table-list tbody th { background: #FFF url(./images/gradient_silver.gif) repeat-x; color: #666; padding: 5px 10px; border-left: 1px solid #CCC; text-align: left;}
div.table-list tbody th { background: #fafafb; border-top: 1px solid #CCC; text-align: left; font-weight: normal; }
div.table-list tbody tr td { padding: 5px 10px; color: #666; }
div.table-list tbody tr.odd,
div.table-list tbody tr.odd th { background: #f6f6f6; }
div.table-list tbody tr:hover { background: #FFF url(./images/table_tr_background.gif) repeat; }
div.table-list tbody tr:hover th { background: #FFF url(./images/table_tr_background.gif) repeat; color #454545; }
div.table-list tbody tr:hover td { color: #454545; }
div.table-list tfoot td, div.table-list tfoot th { border-left: none; border-top: 1px solid #CCC; padding: 5px 10px; background: #ebebeb; color: #666; font-weight: normal; }
div.table-list caption { text-align: left; padding: 5px 0 0 5px; color: #666; height: 4ex;}
div.table-list caption span.page-numbers { font-size: 90%; padding-bottom: 3px; }
div.table-list caption span.page-numbers-results, div.table-list caption span.page-numbers-results a { font-size: 90%; margin-top: 3px; }
div.table-list table a:link { color: #666; }
div.table-list table a:visited { color: #666; }
div.table-list table a:hover { color: #003366; text-decoration: none; }
div.table-list table a:active { color: #003366; }
/* Page Numbers in Table List */
span.page-numbers-results { float: left; }
span.page-numbers { float: right; }
div.table-list span.page-numbers a { text-decoration: none; }
div.table-list span.page-numbers a:hover { text-decoration: underline; }
/***************************************************/
/**************** BOX STYLES ***********************/
/***************************************************/
div.box { margin: 0px auto; padding: 5px 0; z-index:4; position:relative; }
.box .box-header { background:transparent url(./images/box_top_left.gif) no-repeat 0px 0px; }
.box .box-header .box-side { text-align: center; margin: 5px 0 0 0; font-weight: bold; line-height: 28px; height: 28px; background:transparent url(./images/box_top_right.gif) no-repeat right 0px; }
.box .box-header img { float: right; border: 0px; }
.box .box-body { background:transparent url(./images/box_middle_left.gif) repeat-y 0px 0px; }
.box .box-body .box-side { background:transparent url(./images/box_middle_right.gif) repeat right 0px; }
.box .box-body .box-side .box-content { margin:0px 1px 0px 1px; background:#fff url(./images/box_middle_content.gif) repeat 0px 0px; padding: 1em; text-align: left; }
.box .box-footer { background:transparent url(./images/box_bottom_left.gif) no-repeat 0px 0px; }
.box .box-footer .box-side { font-size:1px; height:3px;}
.box .box-header h1 { font-size: 12px; margin:0px; padding-top: 0px; /*color: #314774;*/ color: #616161; }
.box p { margin:0.5em 0px 0px 0px; padding:0px; }
.box ul.box_list li.box_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/arrow.gif) no-repeat scroll 0px 2px; padding-left: 18px; padding-bottom: 5px;}
.box ul.box_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; padding: 0pt; }
/***************************************************/
/**************** STAR RATING **********************/
/***************************************************/
.star-rating { background:transparent url(./images/star_rating.gif) repeat-x scroll left top; height:16px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; position:relative; width:80px; }
.star-rating li { float:left; margin:0px; padding:0px; clear: none; }
.star-rating li a { display: block; height: 16px; line-height: 16px; overflow: hidden; padding: 0px; position: absolute; text-decoration: none; text-indent: -9000px; width: 16px; z-index: 20; }
.star-rating li a:hover { background: transparent url(./images/star_rating.gif) repeat scroll left center; border: medium none; left: auto; z-index: 2; }
.star-rating a.one-star { left:0px; }
.star-rating a.one-star:hover { width:16px; }
.star-rating a.two-stars { left:16px; }
.star-rating a.two-stars:hover { width:32px; }
.star-rating a.three-stars { left:32px; }
.star-rating a.three-stars:hover { width:48px; }
.star-rating a.four-stars { left:48px; }
.star-rating a.four-stars:hover { width:64px; }
.star-rating a.five-stars { left:64px; }
.star-rating a.five-stars:hover { width:80px; }
.star-rating ul { padding: 0px; }
.star-rating li.current-rating { background:transparent url(./images/star_rating.gif) repeat scroll left bottom; display: block; height: 16px; position: absolute; text-indent: -9000px; z-index: 1; padding: 0px; padding-left: 0px; }
/***************************************************/
/**************** STATUS LINE **********************/
/***************************************************/
div#status-line { padding: 10px 5px 5px 10px;height: 19px; z-index:2; position:relative;}
#status-line span#login-status { color: #525163; font-size: 12px; float: right; }
#status-line span#breadcrumbs { color: #525163; font-size: 12px; float: left; }
#status-line img#home { vertical-align: bottom; /*border-bottom: 1px solid #C6C3C6*/; }
/***************************************************/
/**************** MAINTENANCE LINE *****************/
/***************************************************/
div#maintenance-line { background-color: #ffeaea; border-bottom: 1px solid #e82a2a; overflow: auto; padding: 5px 5px 5px 10px; height: 17px; text-align: center; font-weight: bold; color: #e82a2a; }
div#maintenance-message { background-color: #ffeaea; border: 1px solid #e82a2a; overflow: auto; padding: 20px 20px 20px 20px; text-align: center; font-weight: bold; color: #e82a2a; margin: 20px; font-size: 14px; }
/***************************************************/
/******************* MESSAGES **********************/
/***************************************************/
div.message div.error, div.success { margin-bottom: 10px; padding: 10px 5px 10px 35px; line-height: 1.2em; border-width: 1px; border-style: solid; -moz-border-radius: 4px; }
div.message div.error { border-color: #e82a2a; background: #ffeaea url(./images/message_error.gif) no-repeat 10px 10px;}
div.message div.success { border-color: #4dda2c; background: #eaffea url(./images/message_success.gif) no-repeat 10px 10px;}
/***************************************************/
/********************** MAP ************************/
/***************************************************/
#map { border: 5px solid #C6C3C6; }
.listing_hot { color: red; font-size: 9px; }
.listing_updated { color: green; font-size: 9px; }
.listing_new { color: green; font-size: 9px; }
.listing_sidebox_title { font-weight: bold; }
.listing_sidebox_description { font-size: 10px; }
.listing_sidebox_details { font-size: 9px; padding-top: 5px; }
.listing_sidebox_location {}
/* SIDEBOX STYLES */
#sidebox_popular_categories, #sidebox_categories, #sidebox_menu, #members-menu { /*line-height: 20px;*/ }
/* Popular category sidebox number (Ex: Automotive (3) - style applies to "(3)") */
#sidebox_popular_categories .count { color: #525163; font-size: 10px; }
/* Status line at the top of the page generally showing the breadcrumbs */
#logo { /*padding: 10px 0 10px 20px; */float:left;}
#sidebox-login a { font-size: 11px; }
#sidebox-login input { width: 150px; }
#sidebox-login input.submit { width: 50px; margin: 5px 0px 0px 5px; }
#sidebox-login div.form-container label { width: 80px; margin: 0px; text-align: left; }
#sidebox-login div.form-container fieldset.buttonrow { margin-left: 0px; }
#sidebox-login div.form-container div.controlset { padding: 0px; margin: 0px; }
#sidebox-login div.form-container div.controlset input { width: auto; }
#sidebox-login fieldset { padding: 0px; margin: 0px; }
#searchform div.form-container p.note { margin-left: 0; }
#searchform div.form-container input { width: 150px }
#searchform div.form-container select { width: 162px }
#searchform div.form-container input.submit { width:60px }
#options select { width: 100px; }
/* CATEGORY STYLES */
ul.category_list li.category_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/icon_categories.gif) no-repeat scroll 0px 0px; padding: 0px 20px 20px 20px; }
li.category_list { clear: both; }
ul.category_list { font-weight: bold; text-decoration : none; color: #888888; }
ul.category_list .category { font-size: 12px; }
ul.category_list .category a { font-size: 12px; }
ul.category_list .category_description { font-size: 10px; }
ul.category_list .subcategories { font-size: 9px; font-weight: normal; }
ul.category_list .subcategories a { font-size: 9px; font-weight: normal; }
ul.category_list img { float: left; padding: 0px 10px 20px 0px; }
ul.location_list li.location_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/icon_categories.gif) no-repeat scroll 0px 0px; padding: 0px 20px 20px 20px; }
ul.location_list { font-weight: bold; text-decoration : none; color: #888888; }
ul.location_list .location { font-size: 12px; }
ul.location_list .location a { font-size: 12px; }
ul.location_list .location_description { font-size: 10px; }
ul.location_list .sublocations { font-size: 9px; font-weight: normal; }
ul.location_list .sublocations a { font-size: 9px; font-weight: normal; }
ul.location_list img { float: left; padding: 0px 10px 20px 0px; }
ul.listing_results li.listing_results { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 5px; height: 120px; }
ul.listing_results { margin: 0px; }
li.listing_results { padding: 10px; border: #DDD 1px solid; overflow: auto; }
ul.listing_results .listing_results_listing { }
ul.listing_results .listing_results_title { padding-bottom: 5px; }
ul.listing_results .listing_results_score { float: left; }
ul.listing_results .listing_results_zip_distance { float: left; }
ul.listing_results .listing_results_logo { padding-right: 10px; float: left; width: auto; }
ul.listing_results .listing_results_address { padding-bottom: 5px; }
ul.listing_results .listing_results_rating { float: right; vertical-align: top; }
ul.listing_results .listing_results_description { }
ul.listing_options li.listing_options { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding-left: 30px; }
li.listing_options { line-height: 22px; padding-bottom: 5px; }
/* Images Search */
.image_results ol { margin: 0 0 10px 0; padding: 0; }
.image_results li { list-style: none; padding: 20px; margin: 0; clear: both; border: #DDD 1px solid; }
.image_results .image { float: left; vertical-align: middle; margin-right: 20px }
.image_results .image_details { vertical-align: middle; }
.image_results .image_title { font-weight: bold; }
/* Documents Search */
.document_results ol { margin: 0 0 10px 0; padding: 0; }
.document_results li { list-style: none; padding: 20px; margin: 0; clear: both; border: #DDD 1px solid; }
.document_results .document_details { vertical-align: middle; }
.document_results .document_title { font-weight: bold; }
/* Offers Search */
.offers_results ol { margin: 0 0 10px 0; padding: 0; }
.offers_results li { list-style: none; padding: 20px; margin: 0; clear: both; border: #DDD 1px solid; overflow: auto; }
.offers_results .image { float: left; vertical-align: middle; margin-right: 20px }
.offers_results .offers_details { vertical-align: middle; }
.offers_results .offers_title { font-weight: bold; }
.clear { height: 0px; line-height: 0px; clear: both; }
/********** LINKS ****************/
A:link { COLOR: #00AFEF; text-decoration: underline; }
A:visited { COLOR: #00AFEF; text-decoration: underline; }
A:hover { text-decoration: none; }
A:active { COLOR: #00AFEF; text-decoration: underline; }
/********** LISTS ****************/
li.sitemap_li {}
ul.sitemap_ul { margin-left: 10px; padding-left: 1.0em; padding-top: 0.2em; list-style-image: url('./images/point.gif') }
.listing_default { font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #00AFEF; }
.listing_4 { font-family: Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration : none; font-weight: bold; color: blue }
/********** TREE *****************/
.dhtmlx_tree_wrapper { padding: 5px; height: 150px; width: 250px; border: #C0C0C0 1px solid; }
/********** IMAGE GALLERY ********/
#image_gallery { list-style: none; width: 500px; margin-top: 10px; }
#image_gallery li { float: left; display: block; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#image_gallery li img { border: 0; }
#image_gallery_image { border: 3px solid #fff; outline: 1px solid #ddd; margin: 10px 0 10px 0; }
#image_gallery_image_title { font-weight: bold; font-size: 14px; margin-left: 5px; }
#image_gallery_image_description { margin-left: 5px; }
/********** OFFER IMAGE GALLERY ********/
#offer_image_gallery { list-style: none; width: 500px; margin-top: 10px; }
#offer_image_gallery li { float: left; display: block; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#offer_gallery li img { border: 0; }
#offer_image_gallery_image { border: 3px solid #fff; outline: 1px solid #ddd; margin: 10px 0 10px 0; }
/*-----------------------------BODY-----------------------------------------*/
#body-bg {
background:url("http://www.buildingcentre.com.au/templates/bcn/images/bg.gif") no-repeat scroll 0 0 transparent;
height:315px;
position:absolute;
right:-222px;
top:0;
width:601px;
z-index:0;
}
/*-------------------------MAIN MENU-----------------------------------------*/
.sf-menu, .sf-menu * {
list-style:none outside none;
margin:0;
padding:0;
}
ul, ol {
list-style-type:none;
}
/*-------------------------TOP MENU--------------------------------------------*/
#topnav,#nav,#search{
float: right;
clear: right;
position: relative;
z-index: 1;
}
#topnav li,#mainnav li,#mainnav a{
float: left;
}
#topnav{
height: 16px;
line-height: 1;
padding-right: 45px;
overflow: hidden;
}
#topnav ul{
float: left;
margin-left: -6px;
}
#topnav li{
padding-left: 5px;
margin-left: 5px;
display: inline;
border-left: 1px solid;
}
#topnav li.on a,#topnav a:hover{
color: #f00;
}
#search{
width: 289px;
height: 24px;
margin: 14px 0 13px;
padding: 4px 4px 0 0;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/search.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/search.png", sizingMethod="scale");
}
#search input{
float: left;
background: none;
border: 0;
position: relative;
line-height: normal;
font-size: 14px;
padding: 3px 15px 0;
width: 170px;
}
#search button{
float: right;
width: 57px;
height: 21px;
background: none;
border: 0;
overflow: hidden;
text-indent: -2000px;
position: relative;
cursor: pointer;
}
#nav{
width:74%;
z-index:3;
}
#mainnav{
float: right;
font-size: 12px;
line-height: 32px;
/*margin-left: 10px;*/
}
#mainnav li a{
padding: 0 10px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav-line.gif) left center #B7B7B7 no-repeat;
}
#mainnav a#nav-home{
background:url("http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif") no-repeat scroll 0 0 transparent;
}
#mainnav a#nav-newsletter{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif) right -96px no-repeat;
}
#mainnav a:hover,#mainnav a#nav-login{
/*background: #FD9E18;*/
}
#mainnav a#nav-login{
/*color: #363636;*/
}
#mainnav a#nav-home:hover{
background-position: 0 -32px;
}
#mainnav a#nav-newsletter:hover{
background-position: right -128px;
}
#mainnav li.on a,#mainnav li.on a:hover{
color: #fff;
background: #000;
}
#mainnav li.on a#nav-home,#mainnav li.on a#nav-home:hover{
background-position: 0 -64px;
}
#mainnav li.on a#nav-newsletter,#mainnav li.on a#nav-newsletter:hover{
background-position: right -160px;
}
#topcar{
float: right;
width: 108px;
height: 25px;
margin-top: 4px;
text-align: center;
font-weight: bold;
line-height: 25px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/topcar.gif) no-repeat;
}
#topcar a{
color: #fff;
}
#header a,#subnav a{
text-decoration: none;
}
#subnav-wrap{
width: 100%;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/subnav-wrap.gif) repeat-x;
position: relative;
z-index: 2;
}
#subnav{
width: 970px;
height: 49px;
margin: 0 auto;
}
#subnav ul,#subnav li,#subnav a{
float: left;
}
#subnav li{
height: 49px;
position: relative;
}
#subnav a{
color: #fff;
height: 39px;
width: 80px;
text-align: center;
padding: 10px 0 0;
line-height: 1.3;
font-weight: bold;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/subnav-line.gif) left center no-repeat;
}
#subnav a:hover,#subnav li.on a,#subnav li.show a{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/subnav-hover.gif) repeat-x;
}
#subnav ul ul{
position: absolute;
top: 48px;
left: 0;
display: none;
font-size: 12px;
width: 164px;
background: #E51B24;
}
#subnav li.show ul{
display: block;
}
#subnav li li{
float: none;
width: 146px;
padding: 2px 9px 0;
height: auto;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/subnav-dot.gif) center bottom no-repeat;
}
#subnav li .img{
width:100%;
padding:0;
margin-bottom: -4px;
background: none;
}
#subnav li li a,#subnav li.on li a{
float: none;
width:auto;
padding:0;
color: #CFCFCF;
text-align: left;
font-weight: normal;
height: auto;
background: none;
}
#subnav li li a:hover{
color: #fff;
background: none;
}
/*------MAIN MENU-----*/
#subnav li#current a{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/subnav-hover.gif) repeat-x;
}
#subnav li#current li a{
float: none;
width:auto;
padding:0;
color: #CFCFCF;
text-align: left;
font-weight: normal;
height: auto;
background: none;
}
/*--------MAIN SUPERFISH MENU-------------*/
.sf-menu a{
border-left:none;
border-top:none;
}
.sf-menu .active, .sf-menu #current, .sf-menu li.sfHover {
background: url(http://www.buildingcentre.com.au/templates/bcn/images/subnav-hover.gif) repeat-x;
}
.sf-menu {
margin-bottom:0px;
}
/*--------TOP SUPERFISH MENU-------------*/
div#mainnav .sf-menu li a:hover{
background: #000 url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav-line.gif) no-repeat scroll left center;
}
#mainnav .sf-menu li.first-child a{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif) no-repeat;
}
#mainnav .sf-menu li.last-child a{
background:transparent url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif) no-repeat scroll right -96px;
}
#mainnav .sf-menu li.first-child a:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif) no-repeat;
background-position:0 -64px;
}
#mainnav .sf-menu li:last-child a{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif) right -96px no-repeat;
}
#mainnav .sf-menu li:last-child a:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav.gif) right -160px no-repeat;
}
#mainnav .sf-menu{
float: right;
font-size: 12px;
line-height: 32px;
margin-left: 0px;
}
#mainnav .sf-menu li a{
padding: 0 10px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/mainnav-line.gif) left center #B7B7B7 no-repeat;
color: #363636;
}
#mainnav .sf-menu li a:hover{
color: #fff;
background: #514d4e;
}
#subnav li li{
padding: 9px 9px 9px 9px;
}
div#nav ul#mainnav a{color: #363636;}
/*------SEARCH---------*/
.search{
float: right;
clear: right;
}
.search{
width: 289px;
height: 24px;
margin: 14px 0 13px;
padding: 4px 4px 0 0;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/search.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/search.png", sizingMethod="scale");
position: relative;
z-index: 1;
}
.search input{
float: left;
background: none;
border: 0;
position: relative;
line-height: normal;
font-size: 14px;
padding: 3px 3px 0;
margin-left:15px;
width: 200px;
}
.search button{
float: right;
width: 57px;
height: 21px;
background: none;
border: 0;
overflow: hidden;
text-indent: -2000px;
position: relative;
cursor: pointer;
}
/*--------------LEFT COLUMN-------------------------------*/
div#left .box{
color:#ffffff;
}
div#left .box .box-header {
background-image:url("http://www.buildingcentre.com.au/templates/bcn/images/quick-links-h2.gif");
height:20px;
text-align:left;
padding-left:10px;
margin-bottom:-2px;
}
div#left .box .box-body .box-side .box-content, div#left .box .box-body .box-side, div#left .box .box-footer {background:none repeat scroll 0 0 #514D4E;}
div#left .box .box-header .box-side {
text-align: left;
font-weight: bold;
height:20px;
line-height:15px;
padding:0px;
margin: 5px 0 -3px 0;
background:none;
}
div#left .box .box-header h1 {
background-repeat:no-repeat;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
overflow:hidden;
text-align:left;
padding-left: 15px;
line-height:15px;
margin:0px;
width:93px;
}
div#left .box ul.box_list {overflow:hidden;line-height:16px; }
div#left .box ul.box_list li.box_list {
background:url("http://www.buildingcentre.com.au/templates/bcn/images/dot-x.gif") repeat-x scroll 0 0 transparent;
margin:-1px 0 0;
padding:3px 0;
color:#FFFFFF;
font-size:13px;
}
div#left ul a{color:#FFFFFF;text-decoration: none;}
div#left ul a:hover{color:#00AFEF;text-decoration: underline; }
/*--------------------------------CENTRE COLUMN-------------------------------------------*/
div#center div.box{padding-left:5px;padding-top:0px;}
/*--------------------------------SEARCH BUTTON-------------------------------------------*/
#searchform div.form-container input.submit {
background:url("http://www.buildingcentre.com.au/templates/bcn/images/btn-search.gif") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
height:27px;
line-height:normal;
margin-left:10px;
overflow:hidden;
padding:0 0 3px;
width:93px;
}
/*---------------------------------LEFT MENU BANNER------------------------------------------------*/
#important .mode-l,#thirdnav li a,#login h2,#login button,.listing h2,.find h2,.find button,#my-list h2{text-indent: -200px; overflow: hidden;}
#thirdnav{
padding-top: 10px;
padding-bottom: 6px;
}
#thirdnav li a{
display: block;
/*width: 147px;*/
height: 26px;
}
#thirdnav li{
margin-bottom: 5px;
}
#nav-my{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-my.gif) no-repeat;
}
#nav-my:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-my-hover.gif) no-repeat;
}
#nav-us{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-us.gif) no-repeat;
}
#nav-us:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-us-hover.gif) no-repeat;
}
#nav-list{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-list.gif) no-repeat;
}
#nav-list:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-list-hover.gif) no-repeat;
}
#nav-about{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-about.gif) no-repeat;
}
#nav-about:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-about-hover.gif) no-repeat;
}
#nav-useful-info{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-useful-info.gif) no-repeat;
}
#nav-useful-info:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-useful-info-hover.gif) no-repeat;
}
/*-----------------------FOOTER - Quick Links-------------------------------------------------------------*/
#footer {
}
.quicknav{
height: 40px;
}
.quicknav li{
float: left;
margin-right: 15px;
}
.quicknav li.first a{
background: none;
}
.quicknav a{
display: block;
height: 40px;
}
.quicknav li.n2 a{
width: 74px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick2.gif) no-repeat;
}
.quicknav li.n2 a:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick2-hover.gif) no-repeat;
}
.quicknav li.n3 a{
width: 82px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick3.gif) no-repeat;
}
.quicknav li.n3 a:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick3-hover.gif) no-repeat;
}
.quicknav li.n4 a{
width: 72px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick4.gif) no-repeat;
}
.quicknav li.n4 a:hover{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick4-hover.gif) no-repeat;
}
.quick-m{
width: 953px;
padding: 10px 5px 10px 15px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/quick-m.gif) right top #fff no-repeat;
display: block;
min-height:150px;
}
.quick-l{
float: left;
width: 740px;
}
.quick-l li{
float: left;
width: 185px;
line-height: 20px;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/dot-x.gif) left bottom repeat-x;
}
.quick-l li a{
float: left;
padding-left:10px;
text-decoration: none;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/icon-1.gif) 0 7px no-repeat;
}
.quick-r{
float:right;
width: 208px;
}
.quick-r li{
margin-bottom: 7px;
}
div#subnav-wrap, div#footer{
font-size:11px;
}
/*-----------------------LEFT COLUMN - Login-------------------------------------------------------------*/
/*#login{
height: 192px;
margin-bottom: 10px;
overflow: hidden;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/login.gif) no-repeat;
}
#login h2{
height:33px;
margin-bottom: 40px;
}
#login li{
padding: 0 8px;
margin-bottom: 28px;
}
#login li label{
display: none;
}
#login li input{
background: #D8ECBE;
width: 163px;
padding: 3px 5px;
border: 1px solid #8AA94F;
}
#login button{
width: 61px;
height: 27px;
float: left;
border: 0;
cursor: pointer;
background: url(http://www.buildingcentre.com.au/templates/bcn/images/btn-login.gif) no-repeat;
}
#login li.btn{
margin-top: -20px;
}
#login li.btn a{
float: right;
color: #fff;
margin-top: 5px;
text-decoration: underline;
}*/
#searchform div.form-container select#zip_miles{width:120px;}
/***************************************************/
/*************** lISTING PROFILE *******************/
/***************************************************/
div#content span.text{
font-size:12px;
}
span.text label{font-weight:bold; color:#0066CC; text-transform:capitalize;}
span.listing_sidebox_title{font-weight:normal;}
span.listing_sidebox_location {font-size:9px;}
div#content span.text li{
background: url(http://www.buildingcentre.com.au/templates/bcn/images/icon-2.gif) no-repeat scroll 0px 7px;
list-style-type: none;
margin-left: 20px;
padding-bottom: 5px;
padding-left: 10px;
}
/***************************************************/
/*************** lISTING RESULTS *******************/
/***************************************************/
.gold{
background-color:#f5fde6;
}
.solutionseeking{
background-color:#C8DCE3;
}
li.solutionseeking{
}
.solutionseeking div.listing_results_title{
font-weight:bold;
}