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

/* 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}

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

/*  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:#8e9297; 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:#ed1c24; color: #ffffff; text-decoration: none; display:block; text-align:left; border-top: 1px solid #ed1c24; border-bottom: 1px solid #ed1c24; white-space:nowrap; font-weight:bold}

a { text-decoration:none }

/* FONT SIZES */
h1 {font-size:20px; color:#FFFFFF; display:inline}
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}
.HighlightTopBot {border-top:1px solid #999999; border-bottom:1px solid #999999}

/* 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}
td.ContactsSideNav {width:15px; background-color:#8e9297; color:#ffffff; font-size:11px; text-align:center; padding:3px; border: 1px solid #666666;}
td.ContactsRightMain {font-size:12px; white-space:nowrap; padding:3px 3px 3px 4px; text-align:left;}

/*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*/
div.MainContentWindow1000 {width:1000px; background-color:#ffffff; background-image:url(../logos/firth_sidenav.jpg); 
background-repeat:repeat-y; border:1px solid #424a52; margin-top:40px; margin-right:auto; margin-left:auto;}
div #SideNavColumn3 {width:158px; padding:20px 20px 20px 20px;  float:left;}
div #ContentColumn1000 {width:802px; padding: 0px 0px 0px 0px; float:left; background-color:#e0e1e3}
div.columnright {float:right; width:401px; float:right;}
div.columnrightpadding {padding: 0px 20px 0px 20px}
div.columnleft {float:left; width:401px}
div.FirthHeader {background-color:#424a52; margin:0px 0px 0px 20px; padding:6px 12px 6px 12px;}
div.TextPadding {padding:0px 15px 15px 15px}


td.LibraryTitle {background-color:#e0e1e3; color:#333333; font-size:11px; padding:2px 4px 2px 10px; font-weight:bold}
td.LibraryTitle2 {background-color:#e0e1e3; color:#333333; font-size:11px; padding:2px 4px 2px 0px; font-weight:bold}
td.LibraryRight {background-color:#efeff0; color:#333333; font-size:11px; padding:2px 2px 2px 2px; border:1px solid #cccccc}

/* 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}


/* 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: #333333; 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:#ed1c24; background-color:#dddddd; border-bottom: 1px solid #B8B8B8;}

	
/*  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 {border-top:0px solid #cccccc;  border-left:0px solid #cccccc;}
.Specs td {padding:4px 10px 4px 0px; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc;}
.Specs td.right {padding:4px 10px 4px 20px; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; text-align:left}
.Specs td.header {padding:4px 10px 4px 10px; border-right:0px solid #cccccc; border-bottom:0px 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;}