/* STYLESHEET FOR www.securimax.co.nz */

/* BODY */
body {margin-top:20px; margin-left: 0px; margin-right:0px; margin-bottom:40px;  font-family:arial,helvetica,sans-serif; font-size:13px; color:#333333; background-color:#e0e0e0; background-image:url(images/background_main.jpg); background-repeat:repeat-x;text-align:left;}


/* IMAGES */
img.right {float: right}
img.RightPad10 {float: right; padding-left:10px; padding-bottom:10px}
img.RightPad10Top {float: right; padding-left:10px; padding-bottom:10px; padding-top:10px}

img.left {float: left}
img.LeftPad10 {float:left; padding-right:10px}
img.MiniIcons {float:left; padding: 4px 10px 4px 0px}

img {border:0px}
img.center {margin-left:auto; margin-right:auto}

#Tip2 {width:300px; height:328px; background-image:url(images/heat_fan_light_units.jpg);}


/* LINKS */
a:link{color:#333333} 
a:visited{color:#333333} 
a:hover{color:#cc0000; text-decoration:none}

a.home:link{color:#cc0000} 
a.home:visited{color:#cc0000} 
a.home:hover{color:#ff0000; text-decoration:none}


a.footerlinks:link{color:#333333} 
a.footerlinks:visited{color:#333333} 
a.footerlinks:hover{color:#cc0000; text-decoration:none}

a.blue:link{color:#336699; font-weight:normal} a.blue:visited{color:#336699; font-weight:normal} a.blue:hover{color:#cc0000; font-weight:normal}
a { text-decoration:none }

a.green:link{color:#00a650;} a.green:visited{color:#00a650;} a.green:hover{color:#cc0000;}



/* TOP-Menu Bar links and formatting */
.TopNav {width:914px; height:37px;}
div.UnderNav {width:914px; height:10px}
#WhatsNew, #WhatsNewButton {background-image:url(../images/whats_new_button3.jpg); height:25px; width:152px; background-repeat:no-repeat;}
#Ventilation, #VentillationButton {background-image:url(../images/ventilation_button3.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#Ducting, #DuctingButton {background-image:url(../images/ducting_button3.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#HH, #HHButton {background-image:url(../images/hh_button3.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#Lighting, #LightingButton {background-image:url(../images/lighting_button3.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#Chimes, #ChimesButton {background-image:url(../images/door_chimes_button3.jpg); height:25px; width:150px; background-repeat:no-repeat;}


/* HIGHLIGTING / footer styles / header styles */
.highlightbox     {color: #333333; background-color: #eeeeee; border: 1px solid #cccccc; padding: 3px}
.FooterLinks {border-top:1px solid #666666; border-bottom:1px solid #666666; padding:3px; text-align:center; font-weight:bold; background-color:#f7f7f7; font-size:12px}

/* Registered Symbol Styles */
.Registered {font-size:12px; vertical-align:top}
.Registered2 {font-size:11px; vertical-align:top}


/* FONT SIZES */
.small {font-size:11px;}
.smallcenter {font-size:10px; text-align: center;}

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

.eleven {font-size:11px;}
.elevenc {font-size:11px; text-align: center;}

.twelve {font-size:12px;}
.twelvec {font-size:12px; 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;}

h1 {font-size:22px; color:#ffffff; display:inline; letter-spacing:1px}
h2 {font-size:16px; color:#ffffff; display:inline;}
h3 {font-size:14px; padding-top:8px; border:0px solid #cccccc}


/* SELECTION GUIDE STYLES */
/* corner */
.TopLine {background: url(images/dot.jpg) 0 0 repeat-x; width: inherit; margin-left:auto; margin-right:auto; background-color:#ffffff}
.BottomLine {background: url(images/dot.jpg) 0 100% repeat-x}
.LeftLine {background: url(images/dot.jpg) 0 0 repeat-y}
.RightLine {background: url(images/dot.jpg) 100% 0 repeat-y}

.BottomLeft {background: url(images/Corners_BottomLeft.jpg) 0 100% no-repeat ; width: inherit; margin-left:auto; margin-right:auto;}
.BottomRight {background: url(images/Corners_BottomRight.jpg) 100% 100% no-repeat; margin:0px}
.TopLeft {background: url(images/Corners_TopLeft.jpg) 0 0 no-repeat; margin:0px}
.TopRight {background: url(images/Corners_TopRight.jpg) 100% 0 no-repeat; padding:20px;}

.LeftColumn {float:left; width:520px;  padding:0px 10px 0px 0px}
.RightColumn {float:left; width:210px; padding:0px 0px 0px 10px}

table.Selection {margin-right:auto; margin-left:auto; width:80%}
td.SelectionRight {width:210px; text-align:center}
td.SelectionRight2 {width:210px; background-image:url(images/background-box.jpg); background-repeat:repeat-y; text-align:center}
td.SelectionLeft {width:684px;}
td.SelectionLeft2 {width:684px; background-image:url(images/background-box2.jpg); background-repeat:repeat-y}
td.MidCell {width:20px}
div.SelectionPadd {padding:0px 20px 0px 20px}
.blue {color:#19519e; font-weight:bold}
/* END SELECTION GUIDE STYLES */



/* STYLES */
.greendark {color:#005222}
.green {color:#00a650}
.yellow {color:#edbf35}
.red {color:#cc0000}
.orange {color:#e96420}
.bluetext {color:#19519e}
.RedFAQ {color:#cc0000; font-weight:bold; font-size:13px;}
.white {color:#ffffff}
.grey {color:#666666}
.bold {font-weight: bold}
.plaintitles {color:#333333; letter-spacing:normal}
.subtitles {font-size:14px; font-weight: bold}

.right {text-align: right}
.center {text-align: center}
.left {text-align:left}
.underline {text-decoration:underline}
.PaddingLeft20 {padding-left:20px}
.PaddingLeft10 {padding-left:10px}
.FloatStop {clear:both;}
.FloatStop2 {clear:both; display:none}
.FloatRight {float: right}
.FloatLeft {float: left}
.nowrap {white-space: nowrap}
.inline {display:inline}
.line {border-top:1px solid #333333; height:1px}

/* COLUMNS */
#ColumnLeft {width:710px; float:left; padding: 0px 10px 0px 0px;}
#ColoumnRight {width:180px; float:right; padding: 0px 0px 0px 10px;}
/* 2 below are for when there's more than 1 product on a fans product page */
#ColumnLeft2 {width:710px; float:left; padding: 0px 10px 0px 0px;}
#ColoumnRight2 {width:180px; float:right; padding: 0px 0px 0px 10px;}

#LeftIcon {float:left; width:52px; padding-right:10px}
#MiddleIndex {float:left; width:491px; padding-left:6px; padding-right:6px}
#RightLifeStyle {float:left; width:167px; padding-left:15px}
#ContentColumn {float:left; width: 676px; padding-left:6px; padding-right:6px}
.Numbers {float:left; width:30px; height:30px; text-align:center; font-size:16px; font-weight:bold;}

#ColumnLGen {float:left; width:481px; padding-right:10px}
#ColumnRGen {float:left; width:413px; padding-left:10px}


/* DIV'S - new ones */
div.TopofWindow {margin-left:auto; margin-right:auto; background-image:url(images/contentbackground_shade_top.jpg); background-repeat:no-repeat; width:960px; height:23px; background-color:#FFFFFF}
div.BottomofWindow {margin-left:auto; margin-right:auto; background-image:url(images/contentbackground_shade_bottom.jpg); background-repeat:no-repeat; width:960px; height:23px;}
div.ContentWindow {margin-left:auto; margin-right:auto; background-color:#ffffff; width:914px; padding:0px 20px 1px 20px;  border-left:3px solid #999999; border-right:3px solid #999999;}

div.HeaderContainer {margin-left:auto; margin-right:auto; width:914px; height:141px; background-image:url(images/Header_thin.jpg); background-repeat:none; background-color:#FFFFFF}
div.SearchContainer {float:right; width:231px;}
div.SearchBox {float:left; width: 150px; height:33px; padding-top:90px; text-align:right}
.searchformat {border:1px solid #000033; background-color:#c9d7e0; font-family:arialnarrow; height:18px; width:148px;}
.searchformat2 {background-color:#e0e0e0; border:1px solid #cccccc; font-family:arial narrow; font-size: 14px; height:18px; line-height:18px; vertical-align:middle;width:148px; color:#666666; padding:0px 2px 0px 2px}
div.SearchButton {float:right; width:71px}
div.HeaderText {color:#cccccc; font-size:11px; width:885px; vertical-align:middle; padding-top:113px; padding-left:20px; letter-spacing:1px}
div.UnderHeader {width:914px; height:11px; background-image:url(../images/HeaderBottom_Wide.jpg); background-repeat:repeat-x;background-color:#ffffff;}

div.SwitchingOptions {width:894px; padding:10px; background-color:#ced5dd; font-size:11px; clear:both}
div.DuctNotes {width:730px; padding:10px; background-color:#fce9df; font-size:11px; clear:both}
div.footer {padding:5px; border:1px solid #cccccc; background-color: #eeeeee; color:#666666}

div.SectionIcon {float:left; width:52px; height:52px; padding: 0px 10px 0px 0px;}
div.SectionTitle {float:left; width:678px; padding: 0px 0px 0px 10px;  height:52px; line-height:52px; vertical-align:top}
div.SectionSubTitle {margin-left:74px; font-size:14px; clear:both}

/* OLDER STYLE DIVS */
div.RightBox {width: 282px; padding-left:10px; padding-bottom:10px; text-align:center; float:right; font-weight:bold}
div.RightBox3 {width: 694px; padding-left:10px; padding-bottom:10px; text-align:left; float:right; font-weight:normal}
div.RightBox2 {width: 227px; padding-left:10px; padding-bottom:10px; text-align:center; float:right; font-weight:bold}
div.LeftBox {width:200px; padding-right:10px; text-align:center; float:left}
.RightBoxTitle {float:right; width:227px; text-align:center;}



/** SPECIFIC STYLES **/
.homecontent {background-color:#333333; text-align: center; width:676px}
.navcontent {border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999;width:238px}
.pagecontent {font-size:12px; text-align: left;}
.chimestitles {background-image:url(images/green_gradient.jpg); background-repeat: repeat-y; font-size: 16px; color: #ffffff; padding: 8px}
.lightingtitles {background-image:url(lighting/images/yellow_gradient.jpg); background-repeat: repeat-y; font-size: 16px; color: #333333; padding: 8px; background-color:#fcf7ea}
.HeatTransTitles {color:#FFFFFF; font-size:15px; font-weight:normal; padding:4px; background-image:url(heat_transfer/images/coloured_bar.jpg); background-repeat: repeat-y; background-color:#e96220; letter-spacing:normal}
.highlightbox     {color: #666666; background-color: #eeeeee; border: 1px solid #cccccc; padding: 3px}
.highlightbox2     {border: 2px solid #999999; padding: 3px; text-align:center; width:120px; font-size:11px; background-color:#f8f8f8}
.highlightbox2no_see     {border: 2px solid #ffffff; padding: 3px; text-align:center; width:120px; font-size:11px}
.footerline {font-size:15px; text-align: center; color:#cc3333; font-weight: bold}



/* sub nav bars for NEW LOOK */
div.SubNavContainer {line-height:41px; height:41px;  vertical-align:middle; background-color:#19519e; background-image:url(images/fan_symbol.jpg); background-repeat:no-repeat; padding: 0px 3px 0px 51px;}
.FanIcon {background-color:#19519e; width:41px} 
.FanTitle {background-color:#19519e; padding-left:10px}
.LightingIcon {background-color:#edbf35; width:41px;} 
.LightingTitle {background-color:#edbf35; padding-left:10px;}

div.ProductTitle {vertical-align:middle; background-color:#19519e; background-image:url(images/title_bar.jpg); background-repeat:repeat-y;background-position:right; padding: 5px 5px 5px 10px; margin-top:10px}
div.LightingTitle2 {vertical-align:middle; background-color:#edbf35; background-image:url(lighting/images/yellow_gradient.jpg); background-repeat:repeat-y;background-position:right; padding: 5px 5px 5px 10px; margin-top:10px}

.DuctIcon {background-color:#e96420; width:41px} 
.DuctTitle {background-color:#e96420; padding-left:10px}
div.DuctTitle {vertical-align:middle; background-color:#e96420; background-image:url(images/duct_title_bar.jpg); background-repeat:repeat-y; background-position:right; padding: 5px 5px 5px 10px; margin-top:10px}

/* icon bar in footer */
div.FooterBar {background-image:url(images/footer_bar_background.jpg); background-repeat:repeat-x; height:33px; line-height:33px; vertical-align:middle; margin-top:20px; text-align:center}
div.MiniIcons {margin-left:auto; margin-right:auto; width:255px}


/* BORDERS */
.border {border:1px solid #cccccc}
.borderacce {border:1px solid #cccccc; width:25%}
.BorderCenter {border:1px solid #cccccc; text-align: center}


/* TABLES */
table.center {margin-left: auto; margin-right: auto;} 
table.CenterBorder {margin-left: auto; margin-right: auto; border:1px solid #cccccc}

/* SPECS TABLES */ 
td {text-align:left}
td.SpecsLeft {border-left:2px solid #000000; border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; width:100px; padding:3px}
td.SpecsSpace {width:4px; padding:3px}
td.Specs1 {border-right:1px solid #000000; border-left:2px solid #000000; border-bottom:2px solid #000000; text-align:center; padding:3px}
td.SpecsMid {border-right:1px solid #000000; border-left:1px solid #000000; border-bottom:2px solid #000000; text-align:center; padding:3px}
td.SpecsRight {border-left:1px solid #000000;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; width:100px; padding:3px}


td.SpecsHeaderLeft {border-left:2px solid #000000; border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; width:100px; color:#ffffff; font-weight:normal; background-color:#000000; padding:3px}
td.SpecsHeader1 {border-right:1px solid #ffffff; border-left:2px solid #000000; border-bottom:2px solid #000000; text-align:center; color:#ffffff; font-weight:normal; background-color:#000000; padding:3px}
td.SpecsHeaderMid {border-right:1px solid #ffffff; border-left:1px solid #ffffff; border-bottom:2px solid #000000; text-align:center; color:#ffffff; font-weight:normal; background-color:#000000; padding:3px} 
td.SpecsHeaderRight {border-left:1px solid #ffffff;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; width:100px; color:#ffffff; font-weight:normal; background-color:#000000; padding:3px}

/* Spec Table addition for Ducting */
td.DuctHeaderA {border-left:1px solid #000000;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; padding:3px; width:100px; background-color:#000000; color:#FFFFFF}
td.DuctHeaderB {border-left:1px solid #ffffff;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; color:#ffffff; font-weight:normal; background-color:#000000; padding:3px; width:100px}
td.DuctHeaderC {border-left:1px solid #000000;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; padding:3px; background-color:#000000; color:#FFFFFF}
td.DuctHeaderD {border-left:1px solid #ffffff;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; color:#ffffff; font-weight:normal; background-color:#000000; padding:3px}

td.DuctSpecsRight {border-left:1px solid #000000;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; padding:3px}


/* ICON TABLE */
table.IconTable {margin:auto}
.IconTable td {text-align:center; width:180px; heigth:133px; padding:20px 10px 20px 10px; font-size:10px; background-image:url(images/curved_icon_box.jpg); background-repeat:no-repeat; background-position: center}
.IconTable td.left {text-align:left; background-image:none; padding:0px 10px 10px 10px; width:100%}
.IconTable a:link{color:#336699; font-weight:normal; display:block} 
.IconTable a:visited{color:#336699; font-weight:normal; display:block} 
.IconTable a:hover{color:#cc0000; font-weight:normal; display:block}
.IconTable img {padding:0px 0px 4px 0px}


/* Specific td's for fan section */
td.FanRange {width:250px}
td.fantable {padding:3px 10px 3px 10px; border-bottom: 1px solid #99ccff}

/** SUB INDEX PAGE ICON TABLES - older look **/
table.SubIndexIcons {width:417px}
td.SetHeight {height:18px}
.lines2 {font-size:11px; text-align: center; border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333; white-space: normal; background-color:#eeeeee; width:106px; height:18px; line-height:18px; vertical-align:middle; float:left}
.linesicons2 {text-align: center; border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; white-space: nowrap; background-color:#eeeeee; width:18px; height:18px; float:left}
td.lines {font-size:11px; text-align: center; border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333; white-space: nowrap; background-color:#eeeeee; width:106px}
td.linesicons {text-align: center; border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; white-space: nowrap; width:18px; height:18px; background-color:#f3d900}
td.chimesicons {border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333;width:18px; height:18px; background-color:#005222}
td.fansicons {border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333;width:18px; height:18px; background-color:#19519e}

td.icon {width:127px}
td.LeftIcon {width:52px; padding-right:10px}
td.MiddleIndex {width:429px; padding-left:6px; padding-right:6px}
td.RightLifeStyle {width:167px; padding-left:18px}
td.IconsHomepg {text-align:center}



/* LISTS */
ul {list-style-type: disc;}
ul.small {list-style-type: disc; font-size:10px;}
ol {list-style-type: decimal;}
ol.small {list-style-type: decimal; font-size:10px;}

/* Home Page Banner*/
#bannerimage {width:914px; height:333px; background-image:url(images/navigation/banner2.jpg); background-repeat:no-repeat}
table.banner {margin:auto; width:100%;}
.banner td {text-align:center; width:133px; padding:10px 10px 4px 10px}
.banner td.leftbannericon {text-align:center; width:110px; padding:10px 11px 4px 0px}
.banner td.rightbannericon {text-align:center; width:110px; padding:10px 0px 4px 11px}
.banner img {padding-bottom:5px}