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


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



/* TOP-Menu Bar links and formatting */
.TopNav {width:914px; height:37px;}
div.UnderNav {width:750px; height:10px}
/*
#Home, #HomeButton {background-image:url(../images/home_button2.jpg); height:25px; width:128px; background-repeat:no-repeat;}
#WhatsNew, #WhatsNewButton {background-image:url(../images/whats_new_button2.jpg); height:25px; width:131px; background-repeat:no-repeat;}
#Ventilation, #VentillationButton {background-image:url(../images/ventilation_button2.jpg); height:25px; width:132px; background-repeat:no-repeat;}
#Ducting, #DuctingButton {background-image:url(../images/ducting_button2.jpg); height:25px; width:132px; background-repeat:no-repeat;}
#HH, #HHButton {background-image:url(../images/hh_button2.jpg); height:25px; width:131px; background-repeat:no-repeat;}
#Lighting, #LightingButton {background-image:url(../images/lighting_button2.jpg); height:25px; width:131px; background-repeat:no-repeat;}
#Chimes, #ChimesButton {background-image:url(../images/door_chimes_button2.jpg); height:25px; width:129px; background-repeat:no-repeat;} 
*/
#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 {font-size:12px; vertical-align:top}
.Registered2 {font-size:11px; vertical-align:top}


/* FONT SIZES */
.ten {font-size:10px;}
.tenc {font-size:10px; text-align: center;}
.eleven {font-size:11px;}
.elevenc {font-size:11px; text-align: center;}
.fourteen {font-size:14px;}
.fourteenc {font-size:14px; text-align: center;}
.Orange16 {font-size:16px; color:#e96420}

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}


/* STYLES */
.red {color:#cc0000}
.orange {color:#e96420}
.white {color:#ffffff}
.grey {color:#666666}

.right {text-align: right}
.center {text-align: center}
.left {text-align:left}
.FloatStop {clear:both; height:1px}
.FloatStop2 {clear:both; display:none}
.EndNotes {clear:both}
.nowrap {white-space: nowrap}
.inline {display:inline}
.RightBox {float:right; padding:0px 0px 20px 20px; text-align:center}
.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:540px; float:left; padding: 0px 10px 0px 0px;}
#ColoumnRight2 {width:180px; float:right; padding: 0px 0px 0px 10px;}

/* half half columns */
.ColumnHalfL {width:360px; float:left; padding: 0px 10px 0px 0px}
.ColumnHalfR {width:360px; float:left; padding: 0px 0px 0px 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}
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:no-repeat}

div.DuctNotes {width:894px; margin-top:20px; padding:10px; background-color:#fce9df; font-size:11px; clear:both}
div.footer {padding:5px; border:1px solid #cccccc; background-color: #eeeeee; color:#666666}
div.TopOfPage {height:25px}


/* 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;}
.DuctIcon {background-color:#e96420; width:41px} 
.DuctTitle {background-color:#e96420; padding-left:10px}
div.DuctTitle {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}
.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}

/* General styles to apply to all duct tables */
.ductTable  {
    width: 100%;
    border-right: 2px solid black;
}

.ductHeaderTable {
    border-right: 0;
}

.ductTable td {
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 0;
    border-right: 0;
    padding: 3px;
    text-align:center;
/*	white-space:nowrap;*/
}

.ductTable td.header {
    background-color:black;
    color: white;
    border-left: 2px solid white;
}

.ductTable td.categoryHeader {
    font-weight:bold;
    border: 0;
}


.ductTable td.spacer {
    background-color:white;
    width: 4px;
    border: 0px;
    border-left: 2px solid black;
}

.ductTable td.ductTableFirstColumn, .ductTable td.ductTableHeaderSpacer {
    border-left: 0px;
}

.ductTable td.hidden {
    visibility:hidden;
    display: none;
    border:0;
}

/* Styles for the various different duct tables, organised by the number of columns in each one */
.ductTable2Column td {
    width: 50%; /* white-space:nowrap; */
}

.ductTable3Column td {
    width: 33%; /* white-space:nowrap; */
}

.ductTable4Column td {
    width: 25%; /* white-space:nowrap; */
}

.ductTable5Column td {
    width: 20%; /* white-space:nowrap; */
}

.ductTable6Column td {
    width: 20%; /* white-space:nowrap; */
}

.ductTable7Column td {
    width: 14%; /* white-space:nowrap; */
}

.ductTable8Column td {
    width: 12%; /* white-space:nowrap; */
}


/* LISTS */
ul {list-style-type: disc;}
ul.small {list-style-type: disc; font-size:10px;}
ul.noIndent {margin-left: .5em; padding-left: .5em;}
ol {list-style-type: decimal;}
ol.small {list-style-type: decimal; font-size:10px;}