/* IMAGES */
img.Right {float: right;  padding-left:10px; padding-bottom:10px; border:0px}
img.RightNoPad {float:right; border:0px}
img.RightPadd10Left {float: right; padding-left:10px; padding-bottom:10px; border:0px}
img.RightPadd20Left {float: right; padding-left:20px; padding-bottom:20px; border:0px}
img {border:0px}
img.Left {float:left}


/* HIGHLIGHTING */
.Highlight {color: #ffffff; background-color: #cccccc; padding:3px}
.HighlightBorder {color: #333333; background-color: #eeeeee; padding: 3px; border: 1px solid #cccccc; white-space:nowrap}
.HighlightTopBot {background-color:#eeeeee; color:#333333; padding:3px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
.LibraryTitle {background-color:#ffffff; color:#333333; font-size:11px; padding:2px 4px 2px 10px; font-weight:bold}
.LibraryTitle2 {background-color:#ffffff; color:#333333; font-size:11px; padding:2px 4px 2px 0px; font-weight:bold}
.LibraryRight {background-color:#f0f0f0; color:#333333; font-size:11px; padding:2px 2px 2px 2px; border:1px solid #cccccc}


/* GENERAL LINKS */
a:link{color:#6666cc} 
a:visited{color:#6666cc} 
a:hover{color:#cc0000}

a.white:link{color:#dddddd} 
a.white:visited{color:#dddddd} 
a.white:hover{color: #999999}

a.black:link{color:#6666cc;} 
a.black:visited{color:#6666cc;} 
a.black:hover{color:#000000;}

a.blacklink:link{color:#000000;} 
a.blacklink:visited{color:#000000;} 
a.blacklink:hover{color:#cc0000;}

/* Ralenti TOP NAV */
.Header {background-color:#000000;background-image:url(/includes/images/NZ_Building_Products_Showca.jpg);background-repeat:no-repeat;border-bottom:1px solid #ffffff;height:60px;white-space:nowrap;width:100%}
.HeaderFloat {display:inline;float:right;height:43px;padding:17px 0px 0px 0px;}
.HeaderSButton {display:inline;float:right;height:60px;padding:0px 0px 0px 0px;}
.RalentiNav {border-top:1px solid #666666; border-bottom:1px solid #666666; background-color:#e0e0e0;clear:both}
#Qfind td {background-color:#cccccc;border-right:1px solid #ffffff}
#Qfind a {border-right: 1px solid #666666;color:#000000;display:block;font-size:11px;font-weight:bold;padding:8px 8px 8px 8px;text-align:center;text-decoration: none;white-space:nowrap}
#Qfind a.left {border-right: 1px solid #666666;color:#000000;display:block;font-size:11px;font-weight:bold;padding:8px 8px 8px 18px;text-align:left;text-decoration: none;white-space:nowrap}
#Qfind a.left:hover {background-color:#999999;color: #ffffff;}
#Qfind a:hover {background-color:#999999;color: #ffffff;text-decoration: none;}
.HeaderSearch {background-color:#cccccc;border:1px double #ffffff;height:18px;width:180px;}
.Sharing {display:inline;float:right;padding:6px 58px 0px 10px}


/*  Client web and email links */
#client td {padding-bottom:5px}
#client td.end {padding-bottom:10px}
#client a {font-size:12px; padding:3px 5px 3px 5px; background-color:#A8A8A8; color: #ffffff; text-decoration: none; display:block; text-align:left; border-top: 1px solid #999999; border-bottom: 1px solid #999999; white-space:nowrap; font-weight:bold; letter-spacing:1px}
#client a:hover {font-size:12px; padding:3px 5px 3px 5px; background-color:#666666; color: #ffffff; text-decoration: none; display:block; text-align:left; border-top: 1px solid #666666; border-bottom: 1px solid #666666; white-space:nowrap; font-weight:bold}
#client a.dark {font-size:12px; padding:3px 5px 3px 5px; background-color:#666666; color: #ffffff; text-decoration: none; display:block; text-align:left; border-top: 1px solid #666666; border-bottom: 1px solid #666666; white-space:nowrap; font-weight:bold; letter-spacing:1px}
#client a.dark:hover {font-size:12px; padding:3px 5px 3px 5px; background-color:#333333; color: #ffffff; text-decoration: none; display:block; text-align:left; border-top: 1px solid #333333; border-bottom: 1px solid #333333; white-space:nowrap; font-weight:bold}

a { text-decoration:none }

/* FONT SIZES */
h1 {font-size:18px; font-weight:bold}
h2 {font-size:14px; font-weight:bold}
h3 {font-size:12px; font-weight:bold}
h4 {font-size:11px; font-weight:bold}

.title16 {font-size:16px; font-weight: bold}
.title18 {font-size:18px; font-weight: bold}
.footer {font-size:10px; color:#666666; white-space:nowrap}

.ten {font-size:10px;}
.tenc {font-size:10px; text-align: center; color:#333333}

.small {font-size:10px;}
.smallgrey {font-size:10px; color:#666666}

.eleven {font-size:11px;}
.elevengrey {font-size:11px; color:#666666}
.elevenc {font-size:11px; text-align: center;}

.twelve {font-size:12px;}
.twelvec {font-size:12px; text-align: center;}
.twelvetitle {font-size:12px;; font-weight: bold}

.thirteen {font-size:13px;}
.thirteenc {font-size:13px; text-align: center;}

.fourteen {font-size:14px;}
.fourteenc {font-size:14px; text-align: center;}

.sixteen {font-size:16px;}
.sixteenc {font-size:16px; text-align: center;}

.eighteen {font-size:18px;}
.eighteenc {font-size:18px; text-align: center;}


/* FORMATTING */
.nowrap {white-space: nowrap}
.bold {font-weight: bold}
.NotBold {font-weight:normal}
.italic {font-style: oblique}
.bolditalic {font-style: oblique; font-weight: bold}
.underline {text-decoration: underline}
.center {text-align:center}
.right {text-align:right}
.Line {width:100%; height:1px; background-color:#cccccc}
.inline {display:inline}
.RightBox {float:right; padding:0px 0px 10px 20px; text-align:center}
.FloatStop {clear:both; height:1px; width:1px}
.Breadcrumbs {padding:10px 5px 0px 18px;color:#666666;font-size:10px}
.Breadcrumbs a:link {color:#505050 ;text-decoration:underline}
.Breadcrumbs a:visited {color:#505050 ;text-decoration:underline}
.Breadcrumbs a:hover {color:#cc0000;text-decoration:underline}
.Breadcrumbs » {color:#cc0000}

.Breadcrumbs2 {padding:0px 0px 20px 0px;color:#666666;font-size:10px}
.Breadcrumbs2 a:link {color:#666666 ;text-decoration:underline}
.Breadcrumbs2 a:visited {color:#666666 ;text-decoration:underline}
.Breadcrumbs2 a:hover {color:#cc0000;text-decoration:underline}
.Breadcrumbs2 » {color:#cc0000}
.Breadcrumbs2 › {color:#cc0000}


div.Seemore {background-image:url(../productimages/seemore2.jpg);background-repeat:no-repeat;height:17px;line-height:17px;vertical-align:middle;padding-left:15px;padding-bottom:20px;border-bottom:1px solid #ffffff;display:block}
.Seemore a:link {color:#333333; text-decoration:underline}
.Seemore a:visited {color:#333333; text-decoration:underline}
.Seemore a:hover {color:#6666cc; text-decoration:underline}


/* COLOURS */
.red {color:#cc0000}
.yellow {color:#ffcc66}
.white {color:#ffffff}
.grey {color:#666666}
.teal {color:#7E8B95}
.green {color:#729723}

/*CONTACTS*/
.Contacts {width:15px; background-color:#999999; color:#ffffff; font-size:11px; text-align:center}
.ContactsRight {font-size:11px; padding-left:10px; white-space:nowrap}
.ContactsRight2 {font-size:11px; padding-left:20px; white-space:nowrap}
.ContactsSideNav {width:15px; background-color:#B0B0B0; color:#ffffff; font-size:11px; text-align:center; padding:3px; border: 1px solid #999999; }
.ContactsSideNav2 {width:15px; background-color:#707070; color:#ffffff; font-size:11px; text-align:center; padding:3px}
.ContactsSideNavLeft {width:15px; background-color:#B0B0B0; color:#ffffff; font-size:11px; text-align:left; padding:3px; border: 1px solid #999999;}
.ContactsRightMain {font-size:11px; white-space:nowrap; padding:3px 3px 3px 4px; text-align:left;}

table.ContactsTable {width:155px; font-size:11px;}
.ContactsTable td {text-align:left; padding:4px 4px 4px 4px; white-space:nowrap;}
.ContactsTable td.SideNav {text-align:left; padding:4px 4px 4px 4px; white-space:nowrap; background-color:#b0b0b0; color:#FFFFFF; border-bottom: 2px solid #eeeeee}
.ContactsTable td.SideNavC {text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; background-color:#b0b0b0; color:#FFFFFF; border-bottom: 2px solid #eeeeee}
.ContactsTable td.SideNavDark {text-align:left; padding:4px 4px 4px 4px; white-space:nowrap; background-color:#707070; color:#FFFFFF; border-bottom: 2px solid #eeeeee}
.ContactsTable td.SideNavDarkC {text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; background-color:#707070; color:#FFFFFF; border-bottom: 2px solid #eeeeee}


/*Borders*/
.BorderGrey {border:1px solid #999999}
.BorderGreySM {border:1px solid #999999; font-size:10px}
.BorderGreyC {border:1px solid #999999; text-align:center}
.BorderGreyCsm {border:1px solid #999999; text-align:center; font-size:10px}

.BorderLiteGrey {border:1px solid #cccccc}
.BorderLiteGreySM {border:1px solid #cccccc; font-size:10px}
.BorderLiteGreyC {border:1px solid #cccccc; text-align:center}
.BorderLiteGreyCsm {border:1px solid #cccccc; text-align:center; font-size:10px}

.BorderStandard {border:1px solid #999999; background-color:#eeeeee}
.BorderStandardSM {border:1px solid #999999; background-color:#eeeeee; font-size:10px}
.BorderStandardC {border:1px solid #999999; background-color:#eeeeee; text-align:center}
.BorderStandardSMC {border:1px solid #999999; background-color:#eeeeee; font-size:10px; text-align:center}

.BorderBottomGrey {border-bottom: 1px solid #999999}


/*CSS LAYOUTS*/
.PrintContainer {width:100%; margin-top:30px; background-image:url(../logos/PrintBackground.jpg); background-repeat:repeat-x;; background-color:#f7f7f7}
.PrintWindow {width:600px; background-color:#ffffff; background-image:url(../logos/backgroundeeeeee.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-left:auto; margin-right:auto}
.PrintHeaderBar {width:600px; height:100px; line-height: 100px; background-color:#cccccc; border-bottom:1px solid #999999; vertical-align:middle}

/* Older 750 px css window styles */
.ContentWindow {width:750px; background-color:#ffffff; background-image:url(../logos/backgroundeeeeee.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-left:auto; margin-right:auto}
.HeaderBar {width:750px; height:100px; line-height: 100px; background-color:#cccccc; border-bottom:1px solid #999999; vertical-align:middle}
.MainContentWindow {width:750px; background-color:#ffffff; background-image:url(../logos/background_standard.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
.MainContentWindow2 {width:750px; background-color:#ffffff; background-image:url(../logos/backgroundeeeeee2.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
.MainContentWindowWhite {width:750px; background-color:#ffffff; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
.MainContentWindowWhite2 {width:750px; background-color:#ffffff; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto; padding:10px}
.MainContentWindow3 {width:930px; background-color:#ffffff; background-image:url(../logos/backgroundeeeeee2.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
.ContentWindowPadding10 {width:750px; padding:10px; border:1px solid #999999;  margin-top:40px; margin-right:auto; margin-left:auto;}
.MainContentWindowPad10 {width:750px; background-color:#ffffff; background-image:url(../logos/backgroundeeeeee2.jpg); 
background-repeat:repeat-y; border:1px solid #ffffff;}
.MainHeader {width:750px; height:100px; line-height: 100px; background-color:#cccccc; vertical-align:middle}
.MainHeader3 {width:930px; height:100px; line-height: 100px; background-color:#cccccc; vertical-align:middle}
.UnderHeader {width:750px; height:15px; line-height:15px; vertical-align:middle}

#LeftColumnPrint {width:135px; padding:10px;  float:left;}
#RightColumnPrint {width:423px; padding: 20px 10px 10px 10px; float:left; border-left:1px solid #cccccc;}
#SideNavColomn {width:135px; padding:10px 10px 20px 10px;  float:left;}
#ContentColumn {width:573px; padding: 15px 10px 10px 10px; float:left;}
#SideNavColumn2 {width:155px; padding:10px 10px 20px 10px;  float:left;}
#ContentColumn2 {width:553px; padding: 15px 10px 10px 10px; float:left;}
#ContentColumn3 {width:733px; padding: 15px 10px 10px 10px; float:left;}


/* Header for 1000px wide layouts */
.MainHeader1000 {width:1000px; background-color:#cccccc; vertical-align:middle}
.UnderHeader1000 {width:1000px;}

/* main structure for 1000px wide window with 175px sidenav */
.MainContentWindow1000 {width:1000px; background-color:#ffffff; background-image:url(../logos/backgroundeeeeee2.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
.MainContentWindow1000White {width:1000px; background-color:#ffffff; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
#SideNavColumn3 {width:155px; padding:10px 10px 20px 10px;  float:left;}
#ContentColumn1000 {width:795px; padding: 15px 15px 15px 15px; float:left;}


/* main structure for 1000px wide window with 200px sidenav */
.MainContentWindow4 {width:1000px; background-color:#ffffff; background-image:url(../logos/sidenav4.jpg); 
background-repeat:repeat-y; border:1px solid #999999; margin-top:40px; margin-right:auto; margin-left:auto;}
#SideNavColumn4 {width:180px; padding:10px 10px 10px 10px;  float:left;}
#ContentColumn4 {width:770px; padding: 15px 15px 15px 15px; float:left;}


table.SideNav {width:155px}
#LeftColumnMeri {width:135px; padding:10px;  float:left;}
#RightColumnMeri {width:573px; padding: 20px 10px 10px 10px; float:left; border-left:1px solid #cccccc;}
#LeftCol50 {width:206px; padding-right:5px; float:left}
#RightCol50 {width:206px; padding-left:5px; float:left}


/* NZE TOP NAV */
div.NZeNav {border-top:1px solid #999999; border-bottom:1px solid #999999; background-color:#ffffff}

#NZe td {background-color:#ffffff; font-weight:bold}

#NZe a.left {
	font-size:11px;
	padding:6px 9px 6px 10px;
	color: #336699;
	text-decoration: none;
	display:block;
	text-align:left;
	border-right: 1px solid #999999;
	white-space:nowrap;
	font-weight:bold
	}
	
	#NZe a {
	font-size:11px;
	padding:6px 9px 6px 10px;
	color: #336699;
	text-decoration: none;
	display:block;
	text-align:left;
	border-right: 1px solid #999999;
	white-space:nowrap;
	font-weight:bold
	}
	
#NZe a.left:hover {
    font-size:11px; 
	padding:6px 9px 6px 10px;
	color: #cc3300;
	text-decoration: none;
	display:block;
	text-align:left;
	border-right: 1px solid #999999;
	white-space:nowrap;
	background-color:#e4e4e4;
	font-weight:bold}
	
	#NZe a:hover {
   font-size:11px; 
	padding:6px 9px 6px 10px;
	color: #cc3300;
	text-decoration: none;
	display:block;
	text-align:left;
	border-right: 1px solid #999999;
	white-space:nowrap;
	background-color:#e4e4e4;
	font-weight:bold}

/* Resne Navigation buttons */
#resene td {border-right:0px solid #ffffff}
#resene td.left {border-right:0px solid #ffffff; border-left:0px solid #ffffff}

#resene a {font-size:12px;	background-color:#666666; color: #ffffff;	padding: 9px 10px 9px 10px; text-decoration: none; display:block; text-align:center; white-space:normal;}
#resene a:hover {color:#ffffff; background-color:#231f20;}


/* Side Navigation buttons */
#navigation td {}
#navigation td.text {font-size:10px; padding:3px 0px 3px 0px; color:#666666}
#navigation td.top {border-top:1px solid #B8B8B8}
#navigation a {font-size:11px; color: #6666cc; padding-top:3px; padding-bottom:3px; text-decoration: none; display:block;
text-align:left; border-bottom: 1px solid #B8B8B8; white-space:normal;}
#navigation a:hover {color:#000000; background-color:#dddddd; border-bottom: 1px solid #B8B8B8;}

	
/* Side Navigatin Buttons - 2nd option for darker side nav */	
#navigation2 td {}
#navigation2 td.top {border-top:1px solid #666666}
#navigation2 a {font-size:11px; color: #6666cc; padding-top:4px; padding-bottom:4px; text-decoration: none; display:block; text-align:left; border-bottom: 1px solid #666666; white-space:normal;}
#navigation2 a:hover {color:#000000; background-color:#cccccc; border-bottom: 1px solid #666666;}
#navigation2 a.allco:hover {color:#000000; background-color:#d8e3eb; border-bottom: 1px solid #666666;}
#navigation2 a.exal:hover {color:#000000; background-color:#b2bcd3; border-bottom: 1px solid #666666;}
	

/*  Client Web / Email in Side Nav */	
#web td {}
#web a {font-size:12px; color: #ffffff; background-color:#999999; padding:4px 4px 4px 4px; text-decoration: none; display:block; text-align:left; border: 1px solid #999999; white-space:normal; font-weight:normal}
#web a:visited {font-size:12px; color: #ffffff; background-color:#999999; padding:4px 4px 4px 4px; text-decoration: none; display:block; text-align:left; border: 1px solid #999999; white-space:normal; font-weight:normal}
#web a:hover {background-color:#333333;border: 1px solid #333333;}
	
	

/* TABLES */
table.CenterTable {margin-left:auto; margin-right:auto}
table.center {margin-left:auto; margin-right:auto}
table.right {float:right}
table.CenterBorderTable {margin-left:auto; margin-right:auto; border:1px solid #cccccc; background-color:#eeeeee; padding:10px}
td {text-align:left}
td.HalfHalf {width:50%}
td.HalfHalfBorder {width:50%; border:1px dotted #999999; background-color:#f8f8f8}
td.Thirds {width:33%}
td.ThirdsB3Side {width:33%; border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #999999;}
td.quarters {width:25%; border:1px solid #cccccc; padding:10px}
td.quartersH {width:25%; border:1px solid #cccccc; padding:10px; font-weight:bold; font-size:13px; background-color:#eeeeee}
table.Form {margin:auto; background-color:#eeeeee; border:1px solid #cccccc}
.Form td {padding:10px 20px 10px 20px}

table.Specs {margin:auto; border-top:1px solid #cccccc;  border-left:1px solid #cccccc;}
.Specs td {padding:4px 10px 4px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.Specs td.header {padding:4px 10px 4px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#e8e8e8}
.Specs td.SpecsShade {background-color:#F8F8F8}

table.SpecsNC {border-top:1px solid #cccccc;  border-left:1px solid #cccccc;}
.SpecsNC td {padding:4px 10px 4px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.SpecsNC td.header {padding:4px 10px 4px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#e8e8e8}

table.General {margin:auto; width:98%}
.General td {padding:4px 4px 4px 0px}
.General td.PadLeft20px {padding:4px 4px 4px 20px}


/* PADDING */
.PadLeft20px {padding-left:20px}
.PadLeft10px {padding-left:10px}
.PadTop10px {padding-top:10px}

/* LISTS */
ul {list-style-type: disc;}
.spaced li {list-style-type: disc; padding-bottom:10px}
ul.ten {list-style-type: disc; font-size:10px;}
ol{list-style-type: decimal;}
ol.ten {list-style-type: decimal; font-size:10px;}

body {background-color:#ffffff; margin: 0px 0px 30px 0px;  font-family:arial, helvetica, sans-serif; font-size:12px; text-align:left; color:#333333}