#content div.center h1 { padding: 20px 20px 10px }
#content div.center .planning-diy-section-header h1 { padding: 0; }
#utility_bar { position: relative; height: 75px; padding: 0; margin-bottom: 5px; }
#utility_bar div.floatright { position: absolute; right: 13px; top: 28px; float: none; }
#content div.center .main .bar{
	height:29px;
	margin:0px;
	font-size: 1.1em;
	padding: 7px 10px;
	background: url('../images/header_bar_bg.gif') repeat-x;
}
#content div.center .main .bar-274, #content div.center .main .bar-559 {
	height: 16px;
	padding: 15px 10px 5px;
}
#content div.center .main .bar-274 {
	background: 0 50% no-repeat url(../images/diy/header_bar_274.gif);
}
#content div.center .main .bar-559 {
	background: 0 50% no-repeat url(../images/diy/header_bar_559.gif);
}
#content div.center .main .bar h2{
	padding-left: 28px;
	font-size:12px;
	color: black;
}
#content div.center .main td.resources {
	background: url('../images/diy/header_bar_resources.jpg') no-repeat;
}

div#categories-header {
	background: url('../images/headers/planning-diy-categories.jpg') no-repeat;
	height: 131px;
	width: 569px;
}
div#categories-header-sub {
	background: url('../images/diy/header_bar_categories.jpg') no-repeat;
}
div#resources-header {
	background: url('../images/headers/planning-diy-resources.jpg') no-repeat;
	height: 131px;
	width: 569px;
}
div#resources-header-sub {
	background: url('../images/diy/header_bar_resources_main.jpg') no-repeat;
}

#legal { clear: both; padding: 5px 20px; font-size: 0.9em; line-height: 1.4em; color: #888; }

table.diy-categories {
	width:520px;
	margin: 18px 24px;
	border-collapse: collapse;
}

table.diy-categories th { text-align: left; }

td.diy-icon {
	text-align: center;
	padding:20px 20px 0px 0px;
	vertical-align: top;
}

table.planning-diy-list {
	border-collapse: collapse;
}

table.planning-diy-list thead th {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	height: 30px;
	padding: 0 24px;
}

table.planning-diy-list .categories-icon 	{ width: 55px; }
table.planning-diy-list .categories-details { width: 170px; }
table.planning-diy-list .resources-icon 	{ width: 47px; }
table.planning-diy-list .resources-details	{ width: 166px; }

table.planning-diy-list #planning-diy-header-sub-categories {
	background: 0 0 url('../images/diy/header_bar_landing.png') no-repeat;
}
table.planning-diy-list #planning-diy-header-sub-resources {
	background: 100% 0 url('../images/diy/header_bar_landing.png') no-repeat;
}

table.planning-diy-list thead tr.filler td { height: 10px; padding: 0; line-height: 10px; }

table.planning-diy-list td {
	padding: 10px;
	vertical-align: top;
}

table.planning-diy-list td.diy-icon {
	padding-left: 30px;
}

table.planning-diy-list td.resources-icon {
	background: 0 0 url(../images/diy/landing_divider.jpg) repeat-y;
	padding-left: 41px;
}

div.planning-diy-subheader div {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	height:22px;
	padding:8px 0 0 24px;
}

table.most-popular {
	margin:0px 0px 0px 0px;
	width:220px;
}
table.diy-categories td {
	height: 90px;
	border-bottom:1px solid #dddcd4;
	padding:0px 15px 0px 0px;
}
table.diy-categories td.diy-icon img {
	margin-top:15px;
}
table.most-popular td {
	padding:0px;
	height: 90px;
}
table.diy-categories td.most-popular-image {
	padding-left:15px;
	background: 0% 50% no-repeat url(../images/vertical-dots.gif);
}
table.diy-categories td.most-popular-image img {
	border:3px solid #CBCBBF;
}
table.diy-categories td.no-border img {
	border:0px;
}
table.diy-categories td.most-popular-link div {
	padding-left:10px;
}
table.diy-categories td.most-popular-link div a {
	font-weight:bold;
}


a.diy-categories-title {
	font-weight: bold;
	font-size: 14px;
}
div#planning-diy-header {
	background: url('../images/headers/planning-diy-home.jpg') no-repeat;
	height: 214px;
	width: 569px;
}
div#planning-diy-header div {
	padding-right: 255px;
}

div.planning-diy-section-header h1 {
	margin: 0;
	height: 30px;
	text-indent: -1000em;
}
div.planning-diy-section-header div {
	color: #fff;
	padding: 25px 167px 23px 28px;
	font-size: 11px;
}


div#floating-magglass {
	position:absolute;
	top:340px;
	margin-left:-15px;
	padding-left:10px;
}

/* Details pages */
/*h1.diy-details-title {
	margin:15px;
	font-weight:normal;
}*/
div.diy-details-header {
	background-color:#edece7;
	padding: 20px;
	height: 50px;
}
div.diy-details-header h3 {
	padding: 0;
	margin: 0;
	color:#003399;
}
div.diy-details-header img {
	float: left;
	margin-right: 20px;
}

div.diy-details-scrollbox {
	float:left;
	margin:10px 5px;
	width:274px;
}
#content div.center div.diy-details-scrollbox h2 {
  height: 16px;
	background:url(../images/diy/header_bar_blank.jpg) repeat-x;
	font-size: 1.1em;
	padding: 7px 10px;
}
div.diy-details-scrollbox-wrapper {
	height:230px;
	overflow:auto;
	width: 272px;
	border: solid 1px #cbcbbf;
	border-top: none;
	position: relative;
}
div.diy-details-scrollbox-wrapper div.diy-details-row {
	margin:5px;
	padding:5px;
	overflow:hidden;
	height: 75px;
	position: relative;
}
div.diy-details-scrollbox-wrapper div.diy-details-row div {
	position: absolute;
	top: 5px;
}
div.diy-details-scrollbox-wrapper div.diy-details-row div.diy-details-row-image {
	left: 5px;
	width:106px;
}
div.diy-details-scrollbox-wrapper div.diy-details-row div.diy-details-row-details {
	left: 120px;
	width:120px;
}
div.diy-details-scrollbox-wrapper div img {
	border:3px solid #CBCBBF;
	width:100px;
}
.box-topshadow {
    height: 3px;
    background: transparent url(../images/diy/box-topshadow.gif) repeat-x bottom left;
}

/*******************************************************
*       Resources Section - LHS
*******************************************************/

.diy-details-resources bar {
    height: 28px !important;
}
.diy-details-resources h2.bar {
    padding: 6px 0px 0px 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.diy-details-resources {
    width: 559px;
	margin: 0 5px;
    padding-bottom: 10px;
}

#diy-details-resources-inner {
    width: 557px;
	border: 1px solid #cbcbbf;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#diy-details-resources-inner {
    background: #FFFFFF url(../images/diy/diy-resources-lhs-bg.gif) repeat-y scroll -6px bottom;
}

#diy-details-resources-lhs {
    width: 126px;
    height: 100%;
    float: left;
    clear: right;
    background-color: #eee;
}

#diy-details-resources-lhs ul {
    list-style-type: none;
    padding-left: 0px !important;
}

#diy-details-resources-lhs ul li {
    font-size: 12px;
    font-weight: bold;
    width: 114px;
    height: 29px;
    margin-left: 0px;
    padding-left: 10px;
    padding-top: 10px;
    background: #FFFFFF url(../images/diy/diy-resources-cat-inactive-bg.gif) repeat-y scroll -6px 0px;
    border-bottom: 1px solid #eee;
}

#diy-details-resources-lhs ul li:last-child {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

#content div.center #diy-details-resources-lhs ul li a {
    color: #333;
    padding: 10px 0px 10px 25px;
}

#content div.center #diy-details-resources-lhs ul li.active a {
    color: #039;
	display: block;
    padding: 2px 25px;
}

/* mitreplans */
#diy-details-resources-lhs ul li a#mitreplan {
    background: transparent url(../images/diy/icon-mitreplans-inactive.png) no-repeat 3px 50%;
}

#diy-details-resources-lhs ul li.active a#mitreplan {
    background: transparent url(../images/diy/icon-mitreplans-active.png) no-repeat 3px 50%;
}

/* articles */
#diy-details-resources-lhs ul li a#article {
    background: transparent url(../images/diy/icon-articles-inactive.png) no-repeat 1px 50%;
}

#diy-details-resources-lhs ul li.active a#article {
    background: transparent url(../images/diy/icon-articles-active.png) no-repeat 1px 50%;
}

/* interactives */
#diy-details-resources-lhs ul li a#interactive {
    background: transparent url(../images/diy/icon-interactives-inactive.png) no-repeat 0 50%;
}

#diy-details-resources-lhs ul li.active a#interactive {
    background: transparent url(../images/diy/icon-interactives-active.png) no-repeat 0 50%;
}

#diy-details-resources-lhs ul li.active {
    background: #FFFFFF url(../images/diy/diy-resources-cat-active-bottom.gif) no-repeat scroll -6px bottom !important;
    height: 34px;
    width: 116px;
    border-bottom: medium none;
}

/*******************************************************
*       Resources Section - RHS
*******************************************************/

#diy-details-resources-rhs {
    width: 430px;
    float: right;
    background-color: #fff;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#diy-details-resources-sorting {
    border-bottom: 1px solid #ddd;
    margin: 0px 10px;
    height: 40px;
    background: #fff;
}

#diy-details-resources-sorting ul {
    padding: 10px 0px;
    list-style-type: none;
}

#diy-details-resources-sorting ul li {
    display: inline;
    padding-left: 10px;   
}

#diy-details-resources-sorting ul li a {
    padding: 5px 12px;
}

#diy-details-resources-sorting ul li.active a {
    background: transparent url(../images/diy/diy-sorting-active-bg.gif) no-repeat 0px 4px !important;
    color: #fff !important;
    padding: 5px 12px;
    background: #eee;
}

.diy-details-resources-items table {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.diy-details-resources-items p {
    padding: 10px;
}

.diy-details-resources-items table thead {
    display: none; /* accessibility */
}

.diy-details-resources-items table tr {
    height: 40px;
	background: 0 100% repeat-x url(../images/diy/dotted-line.gif);
}

.diy-details-resources-items table tr:last-child {
	background: none;
}

.diy-details-resources-items table tr.pagination {
	background: none;
}

.diy-details-resources-items table td.title {
    font-size: 12px;
    font-weight: bold;
    width: 229px;
}

.diy-details-resources-items table td.title a {
    color: #003399;
}

.diy-details-resources-items table td.date-created {
    color: #888;
}

.diy-details-resources-items table td.pdf-link {
    text-align: right;
}
.diy-details-resources-items table td.pdf-link a {
	background: 100% 50% no-repeat url(../images/diy/pdf-link-arrow.gif);
	padding-right: 11px;
}

.diy-details-resources-imagestems table td.empty {
    background: none;
}

.diy-details-resources-items table td.pdf-link a {
    margin-right: 10px;
}

.diy-related-items #diy-details-articles-inner table tr td {
	vertical-align: middle;
	margin: 0;
	float: none;
}

/*******************************************************
*       Online Tools Section
*******************************************************/

img#kitchen-design-tool-screenshot { float: left; margin: 25px 30px; }
div#kitchen-design-tool-info { margin: 50px 30px 30px; }
#online-tools .buttons { margin-top: 1.2em; }

div#we-re-working-on-it {
	clear: left;
    position: relative;
    width: 532px; height: 163px;
	top: -70px;
	left: 19px;
    background: 0 0 no-repeat url(../images/diy/we-re-working-on-it.png);
}
#content div.center div#we-re-working-on-it p { line-height: 1.3em; }
div#we-re-working-on-it h2 { text-indent: -1000em; height: 20px; }
div#we-re-working-on-it .info { position: absolute; left: 18px; top: 33px; width: 229px; }
div#we-re-working-on-it .feedback { position: absolute; left: 285px; top: 28px; width: 229px; }
div#we-re-working-on-it h3 { margin: 0 0 2px; }
div#we-re-working-on-it .feedback textarea { margin: 6px 0; width: 227px; }
div#we-re-working-on-it .feedback .submit button {
    width: 69px; height: 21px;
    border: 0; padding: 0;
    background: 0 0 no-repeat url(../images/diy/online-tools-feedback-submit.png);
    vertical-align: top;
    cursor: pointer;
}
div#we-re-working-on-it .feedback .submit button span { display: none; }
div#we-re-working-on-it .feedback .submit span { color: #999; }

/*******************************************************
*       Events Section on Categories Page
*******************************************************/

.diy-details-events {
    width: 559px;
    padding-bottom: 10px;
	margin: 0 5px;
}
#diy-details-events-inner {
    width: 557px;
	border: solid 1px #cbcbbf;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.diy-details-events h2.bar {
    padding: 8px 0px 0px 8px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#diy-details-events-footer {
    background: #eee url(../images/diy/diy-events-footer-bg.gif) repeat-x top left;
    border-top: 1px solid #ddd;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
#diy-details-events-inner table  {
    width: 540px;
}
#diy-details-events-inner table thead {
    display: none; /* accessibility */
}
#diy-details-events-footer-inner {
    padding: 10px;
}

#diy-details-events-inner-content {
	height: 109px;
	width: 557px;
	padding: 0;
	overflow: auto;
}

#diy-details-events-inner-content table tr {
	height: 120px;
	background: 0 100% repeat-x url(../images/diy/dotted-line.gif);
}
#diy-details-events-inner-content table tr.last  { 
	background: none;
}
#diy-details-events-inner-content table td {
    vertical-align: top;
    padding: 10px;
}
#diy-details-events-inner-content table td.time {
    width: 95px;
}
#diy-details-events-inner-content table td.details {
    padding: 10 20px;
}
#diy-details-events-inner-content table td.details h3 {
    margin-top: 0px;
    padding-top: 0px;
}
#content div.center #diy-details-events-inner-content .title {
    color: #003399;
    margin-bottom: 2px;
    font-weight: bold;
}
#content div.center #diy-details-events-inner-content .event-details, #content div.center #diy-details-events-inner-content .event-details p {
	font-size: 11px;
	line-height: 14px;
}
#diy-details-events-inner-content p.event-details {
    padding-top: 10px;
}
#diy-details-events-inner-content span.categories {
    color: #888;
}
#diy-details-events-inner-content table td.host {
    width: 130px;
}
#diy-details-events-inner-content table td.host a {
	background : 100% 50% no-repeat url(../images/diy/pdf-link-arrow.gif);
	padding-right: 11px;
}

/*******************************************************
*       Categories list background styles
*******************************************************/

#diy-details-resources-lhs ul li a#build-it {
    background: transparent url(../images/diy/icon-build-it-inactive.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li.active a#build-it {
    background: transparent url(../images/diy/icon-build-it-active.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li a#grow-it {
    background: transparent url(../images/diy/icon-grow-it-inactive.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li.active a#grow-it {
    background: transparent url(../images/diy/icon-grow-it-active.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li a#decorate-it {
    background: transparent url(../images/diy/icon-decorate-it-inactive.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li.active a#decorate-it {
    background: transparent url(../images/diy/icon-decorate-it-active.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li a#renovate-it {
    background: transparent url(../images/diy/icon-renovate-it-inactive.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li.active a#renovate-it {
    background: transparent url(../images/diy/icon-renovate-it-active.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li a#fix-it {
    background: transparent url(../images/diy/icon-fix-it-inactive.png) no-repeat 0 50%;
}
#diy-details-resources-lhs ul li.active a#fix-it {
    background: transparent url(../images/diy/icon-fix-it-active.png) no-repeat 0 50%;
}
.diy-article-header #utility_bar {
    padding-top: 22px;
}
.diy-article-header #utility_bar #print_button {
    background: transparent url(../images/diy/article-icon-print.gif) no-repeat 0px 0px;
}
.diy-article-header #utility_bar #save {
    padding-left: 21px;
    padding-right: 5px;
    background: transparent url(../images/diy/article-icon-save.gif) no-repeat 0px 0px;
}

/*******************************************************
*       Articles Page
*******************************************************/

.diy-article-title {
    float: left;
    width:400px;
}
#diy-article-content {
    padding: 16px;
}
#content div.center #diy-article-content .article-subtitle { margin-top: 1.4em; font-size: 1.4em; margin-bottom: 0.2em; }
#utility_bar .stico_default {
	background: 0 2px no-repeat url(../images/diy/share-this-icon.gif) !important;
}
#utility_bar #print_button {
	background: 5px 50% no-repeat url(../images/diy/print-icon.gif);
	height: 16px;
	padding-left: 8px;
	display: inline-block;
}
#intro-text {
    width: 300px;
    float: left;
    clear: right;
    margin-right: 10px;
}
#article-image img {
    border: 3px solid #ddd;
}
#article-body {
    padding-bottom: 10px;
}
#article-body p {
	margin: 1.1em 0;
}
#diy-details-articles-inner {
	width: 557px;
    border: 1px solid #ccc;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.diy-details-resources-items table td.title a {
    color: #003399;
}
.diy-details-resources-items table td.date-created {
    color: #888;
    font-size: 11px;
}

#featured-container {
	margin: 13px 0;
}

#featured-container #featured-header-inner {
	width: 557px;
	border: 1px solid #cbcbbf;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* Pagination */
#content div.center .pagination-js {
    border-top: 1px solid #ccc;
    padding-top: 10px;
	margin-top: 8px;
}
#content div.center .pagination-js span {
	margin-right: 8px;
}
#content div.center .pagination-js a {
	padding: 2px 2px 3px 3px;
	width: 13px; height: 13px;
	text-align: center;
	margin-right: 3px;
	color: #000;
	font-weight: bold;
	border: 1px solid #00349A;
	display: inline-block;
}

#content div.center .pagination-js a.current { 
	border:1px solid #C5C5C5;
	color:#C5C5C5;
}

#content div.center .pagination-js a.single-page {
	padding: 0; width: auto; height: auto; display: inline;
	border: none; font-weight: normal; color: #039;
	margin-left: 8px;
}

div#carousel_wrap, ul#carousel li {
	height: 130px;
}

/*******************************************************
*       Events Landing Page
*******************************************************/

.events-filter-header {
    margin-top: 10px;
}
.events-filter-header ul {
    padding-top: 5px;
    list-style-type: none;
}
.events-filter-header ul li {
    
    display: inline;
}
.events-filter-header ul li a {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 20px;
}
.events-filter-header ul li a.active {
    background: transparent url(../images/diy/events-tab.gif) no-repeat bottom left;
    padding: 5px 22px 4px 17px;
}

.events-filter-header ul li a.active#by-postcode,
.events-filter-header ul li a#by-postcode {
    padding: 4px 10px 4px 11px;
}

.events-filter-details div.hidden {
    display: none;
}

.events-filter-details {
    padding: 10px;
}
#events-filter-check-container { background: #edece7; padding: 10px; }
#content div.center #events-filter-check-container ul { padding-left: 5px; }
#events-filter-check-container li { display: inline; padding: 0; margin: 0 3px; list-style: none; }
#events-filter-check-container li.title { font-weight: bold; font-size: 1.1em; color: #039; }
#event-title-date, #event-title-event, #event-title-location { color: #039; font-weight: bold; }
#event-title-date {
    padding-left: 18px;
}
#event-title-event {
    padding-left: 38px;
}
#event-title-location {
    padding-left: 290px;
}
#event-listing-container {
    padding: 0px 20px 0px;
}

#content div.center #by-postcode-content .error {
	color: red;
	margin-top: 5px;
}

/*******************************************************
*       Events Table
*******************************************************/

.events-table thead {
    display: none;
}
.events-table td.event-date {
    width: 45px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 17px 0px;
}
.events-table div.event-date-calendar {
    text-align:center;
    height:52px;
    width:45px;
    background: transparent url(../images/icons/calendar.jpg) no-repeat;
}
.events-table div.event-calendar-month {
    color: white;
    font-size:11px;
}
.events-table div.event-calendar-day {
    padding-top:8px;
    color:black;
    font-size:24px;
}
.events-table td.event-details {
    vertical-align:top;
    border-bottom:1px solid #ccc;
    padding: 17px 0px 17px 20px;
}
.events-table div.event-dates {
    padding-bottom:6px;
    font-size:11px;
    color:#666;
}
.events-table div.event-body-text {
    margin-bottom: 8px;
}

.events-table td.event-location {
	width: 150px;
    vertical-align:top;
    border-bottom:1px solid #ccc;
    padding: 17px 0px;
}
.events-table td.event-location div.location-title {
    background-color: #edece7;
	padding: 10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.events-table td.event-location .location-title .location-type { color: #039; font-weight: bold; font-size: 1.1em; margin-bottom: 6px; }

.events-table div.store-details span.categories {
    color: #aaa;
}