/* STYLESHEET FOR www.manrose.com.au */

/* 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:#399a5a; text-decoration:none}
a.HLink:link{color:#333333} 
a.Hlink:visited{color:#333333} 
a.Hlink:hover{color:#399a5a; 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:#399a5a;} a.green:visited{color:#399a5a;} a.green:hover{color:#44b96d;}

/* TOP-Menu Bar links and formatting */
.TopNav {width:914px; height:37px;}
div.UnderNav {width:914px; height:10px}
#FanIntro, #FanIntroButton {background-image:url(images/FanIntroButton.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#WhatsNew, #WhatsNewButton {background-image:url(images/WhatsNewButton.jpg); height:25px; width:152px; background-repeat:no-repeat;}
#DuctingGrilles, #DuctingGrillesButton {background-image:url(images/DuctingGrillesButton.jpg); height:25px; width:152px; background-repeat:no-repeat;}
#SelectonGuide, #SelectionGuideButton {background-image:url(images/SelectionGuideButton.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#ProductRange, #ProductRangeButton {background-image:url(images/ProductRangeButton.jpg); height:25px; width:153px; background-repeat:no-repeat;} 
#VentilationFans, #VentilationFansButton {background-image:url(images/VentilationFansButton.jpg); height:25px; width:153px; background-repeat:no-repeat;} 
#AboutUs, #AboutUsButton {background-image:url(images/AboutUsButton.jpg); height:25px; width:153px; background-repeat:no-repeat;}
#ContactUs, #ContactUsButton {background-image:url(images/ContactUsButton.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}

/* 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:16px; padding-top:8px;}

/* 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:#339966}
.greentext {color:#399a5a}
.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}
.subtitles {font-size:14px; font-weight: bold}
iframe {background-color:#0094d1;border:1px solid #0094d1; width:912px; height:500px;padding:0px 0px 10px 0px}

.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}

/* MAIN STRUCTURE DIV'S */
div.TopofWindow {margin-left:auto; margin-right:auto; background-image:url(images/contentbackground_greytop.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_greybot.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;}

/* HEADER */
div.HeaderContainer {margin-left:auto; margin-right:auto; width:914px; height:141px; background-image:url(images/manrose_ventilation_header.jpg); background-repeat:no-repeat;background-color:#ffffff;}
/*div.HeaderText {color:#f6efec; font-size:17px; padding:100px 3px 0px 20px; width:891px; letter-spacing:-1px}*/
div.HeaderText {color:#f6efec; font-size:17px; padding:0px 3px 0px 20px; height:141px; width:891px; letter-spacing:-1px}
.HeaderText a:link {display:block;color:#f6efec;padding-top:100px;width:891px;}
.HeaderText a:visited {display:block;color:#f6efec;padding-top:100px;width:891px;}
.HeaderText a:hover {display:block;color:#99cc99;padding-top:100px;width:891px;}

div.SearchContainer {float:right; width:231px;}
div.SearchBox {float:left; width: 150px; height:27px; padding-top:96px; text-align:right}
.searchformat {border:1px solid #000033; background-color:#eeeeee; font-family:arialnarrow; height:18px; width:148px}
.searchformat2 {border:1px solid #999999; background-color:#ffffff; height:18px; width:148px;padding-left:5px}
div.SearchButton {float:right; width:71px}
div.UnderHeader {width:914px; height:11px; background-image:url(images/HeaderBottom_Wide.jpg); background-repeat:repeat-x;background-color:#ffffff;}


/* SPECIFIC DIV'S */
div.SwitchingOptions {width:894px; padding:10px; background-color:#e6f2ed; font-size:11px; clear:both; border-top:1px solid #cccccc;}
div.Footer {padding:5px; border-top:1px solid #cccccc; background-color: #ffffff; color:#333333}
div.ProductTitle {vertical-align:middle; background-color:#399a5a; background-image:url(images/title_bar.jpg); background-repeat:repeat-y;background-position:right; padding: 5px 5px 5px 10px; margin-top:10px}
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}
div.RightBox {width: 282px; padding-left:10px; padding-bottom:10px; text-align:center; float:right; font-weight:bold}

/* sub nav bars for NEW LOOK FAN PAGES */
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:#399a5a; width:41px} 
.FanTitle {background-color:#399a5a; padding-left:10px}



/** 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;}
.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}



/* Specific td's for fan section */
td.FanRange {width:250px}
td.fantable {padding:3px 10px 3px 10px; border-bottom: 1px solid #99ccff}
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}




/* 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}
table.FooterChart {}
.FooterChart td {white-space:nowrap}
.FooterChart td.FooterPad {padding-left:25px}

/* ICON TABLE */
table.IconTable {margin:auto}
.IconTable td {text-align:center; width:180px; heigth:133px; padding:20px 10px 20px 10px; font-size:11px; 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:#399a5a; font-weight:normal; display:block} 
.IconTable a:visited{color:#399a5a; font-weight:normal; display:block} 
.IconTable a:hover{color:#44b96d; font-weight:normal; display:block}
.IconTable img {padding:0px 0px 4px 0px}



/* 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}
td.DuctSpecsRight {border-left:1px solid #000000;border-right:2px solid #000000; border-bottom:2px solid #000000;text-align:center; padding:3px}

table.General {}
.General td {padding:4px 4px 4px 10px;text-align:left;vertical-align:top}
.General td.GeneralL {padding:4px 4px 4px 0px;text-align:left;vertical-align:top}



/* 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:296px; background-image:url(images/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}

table.Contacts {}
.Contacts td {padding:10px 10px 10px 10px;text-align:center;}
.Contacts h3 {display:inline}
.Contacts p {display:inline}
.Contacts img {padding:15px 0px 15px 0px}
