﻿* { margin:0px; padding:0px; }
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0;background-image:url(/images/x-repeat.jpg); background-repeat:repeat-y; background-position:center; font-family: Georgia;}
#outer{width:987px; margin-left:auto; margin-right:auto;  min-height:100%;height:auto; }
* html #outer{height:100%;}/* ie6 and under*/
div, p{ font-size: 12px; color: #858484; font-family: Georgia; line-height: 19px;}
p{ margin-bottom: 10px;}
p a{ color: #416cb1;}
div a{ color: #4f78bb;}
h1, h2{ font-size: 18px; font-family: Georgia; color: Black; text-transform:uppercase; font-weight: normal; margin-bottom:10px; margin-top: 60px; letter-spacing: 2px;}
h2{ font-size: 14px; text-transform: none; margin-top: 10px; margin-left: 10px;}
#main {width:987px;background-image:url(/images/main-bg.jpg); background-repeat:repeat-y; }


.left { float:left; }
.right { float:right; }

.uppermenu{ display: block; float: left; height: 9px;}
#ContentText{ padding-top: 10px; padding-bottom: 5px; padding-left: 20px; width: 400px;}
#ContentArea{float: left; width: 500px; padding-top: 20px; margin-left: 98px;}
#BottomPicArea{ min-height: 350px;}
#BlueLine{ border-bottom: solid 1px #aac6f4; width: 540px; height: 1px; margin-bottom: 1px; overflow: hidden;}
#GrayLine{ border-bottom: solid 1px #c7c8c7; width: 515px; height: 1px; margin-bottom: 1px; overflow: hidden;}
.news_text{ padding-left: 10px; width: 420px;}
.news_date{ font-family: Georgia; color: Black; margin-top: 10px; margin-left: 5px; font-weight: bold;}

#MBot13 a{ margin-bottom: 13px;}
#MenuContainer a{display: block;  width: 146px; height: 27px;}
#products_menu a{ background-image:url(/images/products.gif);}
#products_menu a:hover{ background-image:url(/images/products_on.gif);}
#sales_menu a{ background-image:url(/images/sales.gif);}
#sales_menu a:hover{ background-image:url(/images/sales_on.gif);}
#service_menu a{ background-image:url(/images/service.gif);}
#service_menu a:hover{ background-image:url(/images/service_on.gif);}
#rangesuites_menu a{ background-image:url(/images/rangesuites.gif);}
#rangesuites_menu a:hover{ background-image:url(/images/rangesuites_on.gif);}
#rotisseries_menu a{ background-image:url(/images/rotisseries.gif);}
#rotisseries_menu a:hover{ background-image:url(/images/rotisseries_on.gif);}

#classic_menu a{ background-image:url(/images/bonnetclassic.gif);}
#classic_menu a:hover{ background-image:url(/images/bonnetclassic_on.gif);}

#TopSubNav{ margin-top: 35px;}
#TopSubNav a{display: block; float: left; height: 49px;}
#overview_menu a{ background-image:url(/images/overview.gif); width: 179px; }
#overview_menu a:hover{ background-image:url(/images/overview_on.gif);}
#components_menu a{ background-image:url(/images/components.gif); width: 178px; }
#components_menu a:hover{ background-image:url(/images/components_on.gif);}
#construction_menu a{ background-image:url(/images/construction.gif); width: 175px; }
#construction_menu a:hover{ background-image:url(/images/construction_on.gif);}
#configuration_menu a{ background-image:url(/images/configuration.gif); width: 178px; }

#configuration_menu a:hover{ background-image:url(/images/configuration_on.gif);}

#news_menu a{ background-image:url(/images/news.gif);  width: 35px; overflow: hidden;}
#news_menu a:hover{ background-image:url(/images/news_on.gif);}
#contact_menu a{ background-image:url(/images/contact.gif); margin-left: 10px; width: 59px; overflow: hidden;}
#contact_menu a:hover{ background-image:url(/images/contact_on.gif);}


#NavSpacer{float: left; width: 1px; height: 49px; background-image: url(/images/topmidnavspacer.gif);}
#ComponentItem{ margin-left: 0px; margin-top: 15px; float: left; width: 380px; padding-right: 80px;}
.darkgray{color: #5a5959;}
#ComponentPic{ padding-top: 15px; padding-bottom: 15px;}
.ComponentLg{ font-size: 16px; color: Black; }

#NRABannerContainer{position: relative;}
    #NRABannerContainer img{position: absolute; left: -300px; top: 84px;}