@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:40px;
}

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:25px;
}

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 .field-ipad {
float:left;
width:190px;
height:25px;
}

.search .field-ipad input {
border:0px;
background-color:#eaeaea;
margin:3px 0px 0px 10px;
color:#777777;
font-size:12px;
width:165px;
padding:4px;
}

.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 .header1-ipad {
height:30px;
overflow:hidden;
margin:0px 0px 5px 0px;
background-color:#b8cc43;
padding-left:15px;
}

.header1-ipad h2 {
margin:0;
padding:0;
color:#fff;
}

.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:75px 0px 0px 740px;
}

#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;
}
	
.header1 h2 {
font-size:15px; 
color:#fff;
padding-top:8px;
margin:0px;
}

.heading {
font-size:15px; 
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);
}

/***************** ipad features */

.featurebooks {
width:665px;
height:322px;
}

.featurebooks .fb {
width:665px;
height:322px;
position:absolute;
background-repeat:no-repeat;
background-position:top left;
}

.featurebooks .fb .image {
height:289px;
}

.featurebooks .fb .image img {
width:665px;
height:289px;
}

.featurebooks .fb .nav {
height:35px;
line-height:35px;
cursor:pointer;
}

.featurebooks .fb .active {
text-align:center;
}

.featurebooks .fb .active .text {
background-color:#009037;
opacity:1;
text-align:center;
}

.featurebooks .fb .active * {
color:#fff;
}

.featurebooks .fb .item {
text-align:center;
}

.featurebooks .fb .item .text {
background-color:#efefef;
opacity:1;
text-align:center;
}

.featurebooks .fb .item * {
color:#000000;
}