@import url(/_ps/lightbox/css/jquery.lightbox.css);

* {
text-align:left;
font-family:helvetica, arial, sans-serif;
outline:none;
}

body {
background-color:#e8e8e8;
background-repeat:repeat-x;
background-position:top;
text-align:center;
margin:0px;
padding:0px;
line-height:15px;
color:#333333;
}

div, td, input, textarea {
font-size:11px;
}

form {
margin:0px;
}

h1 {
font-size:24px;
font-weight:normal;
color:#019239;
font-family:helvetica, verdana, sans-serif;
margin-bottom:20px;
}

h2 {
font-size:15px;
font-weight:bold;
color:#019239;
margin:20px 0px 10px 0px;
}

h2.producttitle {
font-size:24px;
font-weight:normal;
color:#019239;
font-family:helvetica, verdana, sans-serif;
margin-bottom:20px;
}

h3 {
font-size:12px;
font-weight:normal;
font-family:helvetica, verdana, arial, sans-serif;
color:#019239;
margin:20px 0px 10px 0px;
}

img {
border:0px;
}


a:link, a:visited, a:active {
color:#019239;
text-decoration:none;
}

a:hover {
color:#019239;
}

hr {
background-color:#FFFFFF;
border:0px;
height:1px;
border-top:1px solid #CCCCCC;
}

sup {
vertical-align: top;
}

#body {
background-image:url(/images/shadows.gif);
background-repeat:no-repeat;
background-position:top center;
}

#page {
min-height:660px;
width:981px;
overflow:hidden;
background-color:#e8e8e8;
margin:0px auto 0px auto;
}

	
#topstrip {
height:80px;
background-color:#FFFFFF;
}

#topstrip .logo {
float:left;
width:181px;
height:51px;
margin:15px 0px 0px 20px;
}

#topstrip .search {
float:right;
margin:41px 20px 0px 0px;
}

.search {
width:220px;
margin:0px 0px 20px 0px;
}

.search .field {
float:left;
width:190px;
height:25px;
background-image:url(/images/trade_searchfield.gif);
background-repeat:no-repeat;
background-position:top left;
}

.search .field input {
border:0px;
background-color:transparent;
margin:5px 0px 0px 10px;
color:#777777;
font-size:12px;
}

.search .button {
float:left;
margin-left:5px;
}


#topnav .levelone {
height:31px;
background-color:#333333;
}

#topnav .leveltwo {
height:31px;
overflow:hidden;
background-color:#FFFFFF;
}

#topnav .levelone .item, #topnav .levelone .itemon, #topnav .levelone .hover {
float:left;
line-height:31px;
height:31px;
border-right:1px solid #5c5c5c;
padding:0px 20px 0px 20px;
cursor:pointer;
}

#topnav .levelone .item *, #topnav .levelone .hover * {
font-weight:bold;
color:#FFFFFF;
}

#topnav .levelone .itemon {
background-color:#FFFFFF;
}

#topnav .levelone .hover {
background-color:#555555;

}

#topnav .levelone .itemon * {
font-weight:bold;
color:#028e37;
}

#topnav .leveltwo .item, #topnav .leveltwo .itemon, #topnav .leveltwo .hover {
float:left;
line-height:15px;
height:15px;
border-left:1px solid #CCCCCC;
padding:0px 20px 0px 20px;
margin-top:8px;
cursor:pointer;
}

#topnav .leveltwo .item * {
color:#333333
}

#topnav .leveltwo .itemon *, #topnav .leveltwo .hover * {
color:#028e37;
}

#topnav .shadow {
position:absolute;
width:980px;
height:8px;
overflow:hidden;
background-image:url(/images/trade_navshadow.png);
background-repeat:repeat-x;
background-position:top left;
}

#map_auckland span, #map_christchurch span {
display:none;
}


table.itemlist td {
border-top:0px solid #CCCCCC;
}

table.itemlist tr.rowon {
background-color:#FFFFFF;
}

table.itemlist td.tab {
padding:0px 15px 0px 0px;
background:transparent url(/images/bullet.gif) no-repeat 5px 12px;
}

table.itemlist td.tabgray {
padding:0px 15px 0px 0px;
background:transparent url(/images/bulletgray.gif) no-repeat 5px 12px;
}


table.itemlist tr.rowoff {
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}

table.itemlist .content {
padding:10px 10px 5px 10px;
vertical-align:top;
}

table.itemlist .content h2, table.itemlist .content h3 {
margin:0px 0px 5px 0px;
}

table.itemlist tr.header {
background-image:url(/images/itemlistheader.gif);
background-repeat:repeat-x;
}

table.itemlist tr.header td {
color:#FFFFFF;
text-transform:uppercase;
height:22px;
line-height:22px;
padding-top:1px;
padding-bottom:0px;
font-weight:bold;
}

table.itemlist tr.header td.leftcorner {
width:5px;
padding:0px;
}

table.itemlist tr.header td.rightcorner {
padding:0px;
text-align:right;
}



#menu {
float:left;
width:255px;
margin:20px 0px 0px 20px;
overflow:hidden;
}

.menupanel {
width:250px;
background-color:#FFFFFF;
padding-bottom:20px;
margin-bottom:10px;
}

.menupanel .header1 {
height:30px;
overflow:hidden;
margin:0px 0px 5px 0px;
background-color:#b8cc43;
padding-left:15px;
}

.menupanel .download {
background-color:#eaeaea;
margin-bottom:1px;
padding:5px 5px 5px 20px;
background-image:url(/images/downloadbullet.gif);
background-repeat:no-repeat;
background-position:5px 7px;
}

#menu .item, #menu .itemon {
padding:5px 0px 0px 30px;
background-image:url(/images/trade_menubullet.gif);
background-repeat:no-repeat;
background-position:15px 6px;
}

#menu .item * {
color:#333333;
}

#menu .itemon * {
font-weight:bold;
color:#333333;
}

.greylistitem {
background-color:#eaeaea;
margin-bottom:1px;
padding:5px 5px 5px 35px;
background-repeat:no-repeat;
background-position:12px center;
}

#content {
width:665px;
min-height:300px;
margin:0px;
/*margin:20px 0px 20px 20px;*/
float:left;
background-color:#FFFFFF;
}

#contentheader .heading {
height:30px;
overflow:hidden;
}

.crumbs {
float:right;
color:#FFFFFF;
font-size:11px;
line-height:30px;
}

.crumbs a, .crumbs a:link, .crumbs a:active, .crumbs a:visited, .crumbs a:hover {
color:#FFFFFF;
font-size:11px;
line-height:30px;
}


.defaultheader {
height:30px;
overflow:hidden;
margin:0px;
padding:0px 20px 0px 20px;
background-color:#f5812a;
}

.productheader {
height:78px;
overflow:hidden;
margin:0px;
padding:0px 20px 0px 20px;
background:#f5812a url(/images/smarterproduct.gif) no-repeat left top;
}

.designheader {
height:78px;
overflow:hidden;
margin:0px;
padding:0px 20px 0px 20px;
background:#455660 url(/images/smarterdesignbig.gif) no-repeat left top;
}

.buildheader {
height:78px;
overflow:hidden;
margin:0px;
padding:0px 20px 0px 20px;
background:#ee2d24 url(/images/smarterbuilderbig.gif) no-repeat left top;
}

.installheader {
height:78px;
overflow:hidden;
margin:0px;
padding:0px 20px 0px 20px;
background:#0079c2 url(/images/smarterinstallerbig.gif) no-repeat left top;
}

.renovationheader {
height:30px;
overflow:hidden;
margin:0px;
padding:0px 20px 0px 20px;
background-color:#57004F;
}

.installheader .heading, .designheader .heading, .buildheader .heading, .productheader .heading {
display:none;
}

.installheader .crumbs, .buildheader .crumbs, .productheader .crumbs, .designheader .crumbs {
padding-top:45px;
}

.installheader .crumbs .active, .buildheader .crumbs .active, .designheader .crumbs .active {
color:#B8CC43;
}

.productheader .crumbs .active {
color:#d2d2d2;
}


#content .padding {
padding:20px;
}

#footer {
clear:both;
background-color:#FFFFFF;
height:25px;
padding:0px 10px 0px 10px;
color:#555555;
width:920px;
margin:0px auto;
}

#footer * {
color:#555555;
font-size:10px;
line-height:25px;
}

#footer a:hover {
text-decoration:underline;
}

#footer .itemright {
float:right;
}

#footer .sepright {
float:right;
border-right:1px solid #BBBBBB;
height:15px;
padding-left:5px;
margin:5px 5px 0px 0px
}

#footer .itemleft {
float:left;
}

#footer .sepleft {
float:left;
border-right:1px solid #BBBBBB;
height:15px;
padding-left:5px;
margin:5px 5px 0px 0px
}


.subsearch {
background-color:#C7CCCF;
width:260px;
position:absolute;
margin:-20px 0px 0px 385px;
padding-bottom:10px;
}

.subsearch form {
padding:20px 20px 20px 15px;
}

.subsearch .field {
float:left;
width:190px;
height:25px;
background-image:url(/images/subsearchfield.gif);
background-repeat:no-repeat;
background-position:top left;
}

.subsearch .field input {
border:0px;
background-color:transparent;
margin:5px 0px 0px 10px;
color:#777777;
font-size:12px;
}

.subsearch .button {
float:left;
margin-left:5px;
}



.minortext {
color:#555555;
}

.optionitem {
line-height:22px;
height:22px;
font-size:85%;
text-transform:uppercase;
margin-top:1px;
padding-left:28px;
background-image:url(/images/optionitembg.gif);
background-repeat:no-repeat;
background-position:left center;
}


.basicinput {
font-size:11px;
padding:3px;
border:1px solid #AAAAAA;
}

.basicbutton {
width:90px;
height:20px;
text-align:center;
padding:0px;
border:1px outset #FFFFFF;
}

.error {
font-weight:bold;
color:#AA0000;
}


div.tlblock {
padding:5px;
width:230px;
background-color:#009900;
border:1px solid #AAAAAA;
}

div.tlblock * {
color:#FFFFFF;
font-weight:bold;
}

div.tlconnector {
width:230px;
height:25px;
background-image:url(/images/arrow.gif);
background-repeat:no-repeat;
background-position:top center;
}

form div.field {
margin-top:0px;
margin-bottom:3px;
}

form div.label {
width:120px;
float:left;
clear:left;
font-weight:bold;
margin-bottom:3px;
line-height:16px;
height:16px;
}

form input.field, form select.field {
padding:2px;
border:1px solid #8FADC5;
background-color:#F6F6F6;
}

form textarea.field {
font-family:arial, sans-serif;
font-size:100%;
border:1px solid #8FADC5;
background-color:#F6F6F6;
margin-top:0px;
}


.sectionhomepanel {
width:300px;
float:left;
}

.sectionhomepanel h3 {
padding:0px;
margin:0px;
}

.sectionhomepanel h3 * {
color:#475560;
font-weight:bold;
font-size:16px;
}

.sectionhomepanel .text {
background-color:#ededed;
padding:20px;
}

.sectionhomepanel .text div {
padding-top:5px;
}

div.searchblock {
width:553px;
height:78px;
background-image:url(/images/searchblockbg.gif);
background-repeat:no-repeat;
background-position:top left;
}

.searchblock div.content {
padding:0px 0px 0px 20px;
float:left;
}   

.searchblock div.title {
height:35px;
line-height:22px;
margin-top:3px;
color:#FFFFFF;
font-weight:bold;
font-size:110%;
text-transform:uppercase;
}

.searchblock input {
position:absolute;
margin:2px 0px 0px 5px;
}

.column {
width:265px;
margin-right:10px;
float:left;
}

              
.brochure {
clear:both;
padding:10px 0px 20px 0px;
}

.brochure  .thumbnail {
float:left;
width:75px;
height:100px;
margin-right:1px;
background-color:#F6F6F6;
margin-bottom:20px;
cursor:pointer;
border:1px solid #888888;
}

.brochure .detail {
float:left;
width:180px;
}

.brochure .title {
color:#006600;
font-weight:bold;
padding:2px 0px 2px 5px;
}

.brochure .summary {
padding:5px 2px 0px 5px;
color:#888888;
}

.brochure .moreinfo {
background-image:url(/images/whitego.gif);
background-repeat:no-repeat;
cursor:pointer;
width:20px;
height:15px;
margin-top:5px;
}



.bigbrochure {
clear:both;
margin-top:10px;
}

.bigbrochure .preview {
float:left;
width:200px;
height:280px;
margin-right:15px;
background-color:#F6F6F6;
margin-bottom:20px;
}

.bigbrochure .detail {
float:left;
width:320px;
}

.bigbrochure .title {
color:#007604;
font-size:140%;
font-weight:bold;margin-bottom:20px;
}

.bigbrochure .summary {
color:#777777;
}

.bigbrochure .note {
color:#777777;
font-weight:bold;
margin-top:15px;
}

.bigbrochure .quantity {
color:#777777;
font-weight:bold;
margin-top:15px;
padding:7px;
background-color:#F6F6F6 ;
}

.bigbrochure .quantity select {
border:1px solid #8FADC5;
background-color:#D5D5D5;
padding:0px;
font-size:100%;
margin-left:10px;
}

.bigbrochure .button {
margin-top:15px;
text-align:right;
}


.returntolist {
border-top:1px solid #D4D4D4;
background-image:url(/images/returntolist.gif);
background-repeat:no-repeat;
background-position:left bottom;
cursor:pointer;
height:20px;
font-size:1px;
margin-top:20px;
clear:both;
}


tr.rowon {
background-color:#000000;
}

tr.rowoff {
background-color:#F8F8F8;
}

th {
background-color:#DDDDDD
}

.pagination {
text-align:right;
margin-top:10px;
padding:10px 0px 10px 0px;
border-top:1px solid #DDDDDD;
}

.pagination * {
margin-left:5px;
margin-right:5px;
}

.pagination .disabled {
color:#AAAAAA;
}

.pagination .current {
font-weight:bold;
color:#000000;
text-decoration:underline;
}

.caddownload {
border-top:1px solid #DDDDDD;
height:26px;
line-height:26px;
background-repeat:no-repeat;
background-position:5px 5px;
padding-left:30px;
}

.caddownload img {
position:absolute;
margin:5px;
}


.feature {
font-weight:normal;
font-size:110%;
line-height:140%;
color:#000000;
font-family:verdana, sans-serif;
}

.bullet {
padding:5px 0px 5px 15px;
border-top:1px solid #DDDDDD;
background:#FFFFFF url(/images/bullet.gif) no-repeat 0px 7px;
}

.bulletgray {
padding:1px 0px 1px 15px;
background:#FFFFFF url(/images/bulletgray.gif) no-repeat 0px 3px;
}

.bulletblue {
padding:0px 0px 20px 20px;
background-image:url(/images/bulletblue.gif);
background-repeat:no-repeat;
background-position:0px 3px;
}

.bulletblue h2, .bulletblue h2 * {
color:#0875c7;
margin:0px 0px 5px 0px;
}

.bulletorange {
padding:20px 0px 20px 20px;
border-top:1px solid #CCCCCC;
background-image:url(/images/bulletorange.gif);
background-repeat:no-repeat;
background-position:0px 23px;
}



#summarysearch {
display:none;
position:absolute;
background-color:#EEEEEE;
z-index:10;
border:1px solid #CCCCCC;
width:250px;
margin:70px 0px 0px 705px;
}

#summarysearch .resultset {
border:5px solid #FFFFFF;
}

#summarysearch .section {
font-weight:bold;
clear:both;
padding:5px;
background-color:#009238;
color:#EEEEEE;
}


#summarysearch .section a {
color:#EEEEEE;
}

#summarysearch .result {
clear:both;
padding:5px;
border-top:1px solid #DDDDDD;
}

#summarysearch .icon {
float:left;
overflow:hidden;
}

#summarysearch .icon img {
}

#summarysearch .detail {
width:150px;
float:left
}

#summarysearch .detail a {
font-weight:bold;
}

#summarysearch .detail div {
color:#888888;
}

#summarysearchstatus {
display:none;
position:absolute;
z-index:11;
margin:3px 0px 0px 166px;
width:20px;
height:20px;
background-image:url(/images/searchworking.gif);
background-repeat:no-repeat;
background-position:center;
}



.gallery {
width:240px;
height:215px;
margin-top:5px;
}

.gallery li {
padding:0px 0px 0px 5px;
}

#galleryprev {
position:absolute;
margin:100px 0px 0px 5px;
z-index:100;
cursor:pointer;
}

#gallerynext {
position:absolute;
margin:100px 0px 0px 217px;
z-index:101;
cursor:pointer;
}



@media screen {
	
	.sIFR-flash {
	visibility:visible !important;
	margin:0;
	padding:0;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	visibility:visible !important;
	}
	
	.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	margin:0pt; 
	padding:0pt; 
	overflow:auto; 
	letter-spacing:0px; 
	float:none;
	}

}

@media print {

	.sIFR-flash {
	display:none !important;
	height:0;
	width:0;
	position:absolute;
	overflow:hidden;
	}
	
	.sIFR-alternate {
	visibility:visible !important;
	display:block   !important;
	position:static  !important;
	left:auto    !important;
	top:auto    !important;
	width:auto    !important;
	height:auto    !important;
	}

}


/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	
	.sIFR-active h1 {
	color:#006600;
	font-size:30px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	visibility:hidden;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	}
	
	.sIFR-active .header1 h2 {
	visibility:hidden;
	font-size:15px; 
	visibility:hidden;
	padding-top:8px;
	margin:0px;
	}
	
	.sIFR-active .heading {
	visibility:hidden;
	font-size:15px; 
	visibility:hidden;
	padding-top:8px;
	margin:0px;
	}

}



/* Calendar component styles **************/
#calendarDiv{
position:absolute;
width:205px;
border:1px solid #3A8AAF;
padding:1px;
background-color:#FFF;
font-family:arial;
font-size:10px;
padding-bottom:20px;
visibility:hidden;
}

#calendarDiv span, #calendarDiv img {
float:left;
}

#calendarDiv .selectBox, #calendarDiv .selectBoxOver {
line-height:12px;
padding:1px;
cursor:pointer;
padding-left:2px;
}

#calendarDiv td {
padding:3px;
margin:0px;
font-size:10px;
text-align:center;
cursor:pointer;
}

#calendarDiv .selectBox {
border:1px solid #E9F2F6;		
color:#E9F2F6;
position:relative;
}

#calendarDiv .selectBoxOver {
border:1px solid #FFF;
background-color:#74B9D9;
color:#FFF;
position:relative;
}

#calendarDiv .topBar {
height:16px;
padding:2px;
background-color:#3A8AAF;
}

#calendarDiv .activeDay {	/* Active day in the calendar */
color:#FF0000;
}

#calendarDiv .todaysDate {
height:17px;
line-height:17px;
padding:2px;
background-color:#E9F2F6;
text-align:center;
position:absolute;
bottom:0px;
width:201px;
}

#calendarDiv .monthYearPicker {
background-color:#E9F2F6;
border:1px solid #AAAAAA;
position:absolute;
color:#3A8AAF;
left:0px;
top:15px;
zIndex:1000;
display:none;
}

#calendarDiv #monthSelect {
width:70px;
}

#calendarDiv .monthYearPicker div {
float:none;
clear:both;	
padding:1px;
margin:1px;	
cursor:pointer;
}

#calendarDiv .monthYearActive {
background-color:#3A8AAF;
color:#E9F2F6;
}

#calendarDiv .topBar img {
cursor:pointer;
}

#calendarDiv .topBar div {
float:left;
margin-right:1px;
}

.transparent {
behavior: url(/iepngfix.htc);
}