#chaplais_header  { width:1270px; height: 240px; background:#fff; margin-right:auto; margin-left:20px; margin-top:10px; padding:0px; text-align:left; background: #fff; } #chaplais_main_content  { padding: 0px; width: 1070px;   text-align: left; margin-right:auto; margin-left:20px; margin-top:10px; padding:0px; background-color: #ffffff; } #chaplais_logo_image  { float: left; margin: 8px 0px 0px 8px; text-align: left; height: 240px; width: 725px; overflow: hidden; } #chaplais_main_content_background  { background-color: #ffffff; } /* footer structural elements -------------------------------------------- */    #chaplais_footer   { margin: 0px 0px 0px 0px; padding-bottom: 0px; width: 808px; height:30px; margin:0 auto; text-align: left; background-color: #ffffff; border-bottom:1px solid #888; color:#999; } #chaplais_footer  p { font-size: 10px; line-height: 12px; margin: 0px; padding: 4px 8px 2px 12px; color: #999;  } #chaplais_footer  a { color: #999; text-decoration: underline; } /* end footer structural elements -------------------------------------------- */    /* left col structural elements -------------------------------------------- */  #chaplais_main_content_left_column { float:left; padding:0px; top:255px; width:180px; margin-left: 8px; margin-right: 15px; background:#fff; } #chaplais_main_content_background_left_menu    { /*  float: left;  width: 138px; margin-bottom: 20px; background-color:#678298; background-image: none; */ float:left; padding:0px; top:255px; width:400px; height: 550px; margin-left: 8px; margin-right: 15px; background:#fff; } #chaplais_main_content_background_left_menu H3{    background-color:#678298; color: #ffffff; font-weight: 400; width: 130px; font-size: 11px; background-image: url('../reflective_sidebar_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } #chaplais_main_content_background_left_menu img { margin-top: 8px; margin-left: 2px; }    .reflective_sidebar_marketing_box   { border-bottom: 1px solid #678298; margin: 0px 1px 0px 1px; background-color:#ffffff; } .reflective_sidebar_marketing_box   p{ padding: 8px; } .reflective_sidebar_marketing_box .product_image_cost   { padding: 8px 0px 0px 8px; text-align: left; float: none; } #reflective_menu_left_footer    { background-image: url('../reflective_sidebar_footer.gif'); height: 25px; background-color:#678298; } /* end left col structural elements -------------------------------------------- */  /* right col structural elements -------------------------------------------- */     #chaplais_main_content_background_right_col   { float: left; top:255px; width: 535px; background-color: #ffffff; padding:0px; margin: 0px; } /* end right col structural elements -------------------------------------------- */ /*top menu items -------------------------------------- */ #chaplais_top_menu_padding     { padding: 29px 10px 0px 3px; margin: 0px; } #chaplais_menu_top, #chaplais_menu_top ul  { /* all lists */ top:198px; left:0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1.2; font-size: 10px; //  float: right; margin-left:20px; width:1255px; position:absolute; z-index:0; overflow:visible; } #chaplais_menu_top   input.main_search_box     { line-height: 120%; width: 120px; height: 16px; margin: 3px 0px 3px 3px; padding: 0px 0px 0px 2px; font-size : 14px; background-color: #f0f0f0; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; color: #999999; vertical-align: top; } #chaplais_menu_top  input.button { color: #ffffff; margin: 0px 0px 0px 0px; font-size: 14px; background-color: transparent; border: none; padding: 5px 6px 5px 24px; background-image:url('../theme_icon_search.gif'); } #chaplais_menu_top  input.button:hover { border:none; background-color: transparent; cursor: hand; background-image:url('../theme_icon_search_highlight.gif'); } #chaplais_menu_top a  { /* button formatting no icon */ font-family: Gill Sans Light, Gill Sans, Verdana, Arial, Helvetica, sans-serif; color: #999; font-size: 10px; line-height: 1.6em; margin: 0; font-size: 11px;     text-decoration: none; } #chaplais_menu_top li a:hover  { /* button formatting no icon */ background-image:url('../reflective_button_bg_highlight.gif'); } #chaplais_menu_top a.reflective_cart { /* cart button formatting */ background-image:url('../theme_icon_cart.gif'); padding-left: 24px; } #chaplais_menu_top a.reflective_cart:hover { /* cart button formatting */ background-image:url('../theme_icon_cart_highlight.gif'); padding-left: 24px; } #chaplais_menu_top a.checkout { /* checkout button formatting */ background-image:url('../theme_icon_checkout.gif'); padding-left: 24px; } #chaplais_menu_top a.checkout:hover { /* checkout button formatting */ background-image:url('../theme_icon_checkout_highlight.gif'); padding-left: 24px; } #chaplais_menu_top li.items_value { /* shopping cart summary */ float: left; padding: 3px 7px 3px 7px; margin: 0; list-style-image: none; line-height: 18px; color: #ffffff; background-image:url('../reflective_button_bg.gif'); } #chaplais_menu_top a.login { /* login button formatting */ background-image:url('../theme_icon_login.gif'); padding-left: 24px; } #chaplais_menu_top a.login:hover { /* login button formatting */ background-image:url('../theme_icon_login_highlight.gif'); padding-left: 24px; } #chaplais_menu_top li { /* all list items */ /* float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; border-top: 1px solid #f0f0f0; */ float:left; padding:15px 15px; color:#999; background: url(../images/navprimary_a_bg.gif) no-repeat right center; } #chaplais_menu_top li.spacing { /* spacing for list items */ width: 10px; } #chaplais_menu_top li.search_box { /* search box formatting */ background-image:url('../reflective_button_bg.gif'); height: 24px; border-left: 1px solid #f0f0f0; } #chaplais_menu_top li.search_box_button { /* search box formatting */ background-image:none; height: 24px; border-right: 1px solid #999999; } #chaplais_menu_top li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px 0px; border-top: 1px solid #f0f0f0; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #chaplais_menu_top li ul li { /* second-level lists */ width: 150px;  display: block; background-color: #678298; border-bottom: 1px solid #999999; background-image:url('../reflective_button_bg.gif'); } #chaplais_menu_top li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #f0f0f0; border-right: 1px solid #999999; } #chaplais_menu_top li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #f0f0f0; border-right: 1px solid #999999; padding: 3px 6px 4px 6px; } #chaplais_menu_top li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #chaplais_menu_top li:hover ul ul, #chaplais_menu_top li.sfhover ul ul { left: -999em; } #chaplais_menu_top li:hover ul, #chaplais_menu_top li li:hover ul, #chaplais_menu_top li.sfhover ul, #chaplais_menu_top li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* end top menu items -------------------------------------- */ /* left top menu items -------------------------------------- */ #reflective_menu_left_top, #reflective_menu_left_top ul { /* all lists */ /*  padding: 0px; margin: 0px; list-style: none; float: left; width: 136px; */ float:left; padding:0px; top:195px; width:300px; height: 550px; margin-left: -8px; margin-right: 15px; background:#fff; } #reflective_menu_left_top li { /* all list items */ position: relative; float: left; line-height: 21px; margin: 0px 0px -1px 0px; width: 136px; } #reflective_menu_left_top a { color: #ffffff; background-color: #678298;   background-image:url('../theme_arrow.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 14px; text-decoration: none; display: block; width: 116px; } #reflective_menu_left_top li a:hover { color: #ffffff; padding: 0px; margin: 1px; padding: 0px 6px 0px 14px; font-size: 14px;     background-color:#999999; background-image:url('../theme_arrow_highlight.gif'); text-decoration: none; } #reflective_menu_left_top li ul { /* second-level lists */ font-size: 100%; width: 210px;  display: block; position: absolute; margin: -21px 0px 0px 136px; padding: 0px; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #reflective_menu_left_top li ul li { /* second-level lists */ width: 198px;  display: block;  } #reflective_menu_left_top li ul li a { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block; width: 186px; background-image:url('../reflective_menu_bg.gif'); } #reflective_menu_left_top li ul li a:hover { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block;  width: 186px; background-image:url('../reflective_menu_bg.gif'); } #reflective_menu_left_top li ul ul { /* third-and-above-level lists */ margin: -21px 0px 0px 198px; } #reflective_menu_left_top li:hover ul ul, #reflective_menu_left_top li.sfhover ul ul { left: -999em; } #reflective_menu_left_top li:hover ul, #reflective_menu_left_top li li:hover ul, #reflective_menu_left_top li.sfhover ul, #reflective_menu_left_top li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .reflective_menu_left_top_other, .reflective_menu_left_top_other ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; float : left; width : 136px; } .reflective_menu_left_top_other li { /* all list items */ position : relative; float : left; line-height : 21px; margin: 0px 0px -1px 0px; width : 136px; } .reflective_menu_left_top_other a { color: #ffffff; background-color: #f0f0f0;   background-image:url('../reflective_menu_bg.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 14px; text-decoration: none; display: block; width: 116px; } .reflective_menu_left_top_other li a:hover { color: #ffffff; padding: 0px; margin: 1px; padding: 0px 6px 0px 14px; font-size: 14px;     background-color:#999999; background-image:url('../reflective_menu_bg_highlight.gif'); text-decoration: none; } #reflective_menu_left_top_products, #reflective_menu_left_top_products ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; float : left; width : 136px; } #reflective_menu_left_top_products li { /* all list items */ position : relative; float : left; line-height : 21px; margin: 0px 0px -1px 0px; width : 136px; } #reflective_menu_left_top_products a { color: #ffffff; background-color: #678298;   background-image:url('../reflective_menu_bg.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 14px; text-decoration: none; display: block; width: 116px; } #reflective_menu_left_top_products li a:hover { color: #ffffff; padding: 0px; margin: 1px; padding: 0px 6px 0px 14px; font-size: 14px;     background-color:#999999; background-image:url('../reflective_menu_bg_highlight.gif'); text-decoration: none; } /*sub menus begin */ #reflective_menu_left_top_products li ul { /* second-level lists */ font-size: 100%; width: 210px;  display: block; position: absolute; margin: -21px 0px 0px 136px; padding: 0px; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #reflective_menu_left_top_products li ul li { /* second-level lists */ width: 198px;  display: block;  } #reflective_menu_left_top_products li ul li a { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block; width: 186px; background-image:url('../reflective_menu_bg.gif'); } #reflective_menu_left_top_products li ul li a:hover { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block;  width: 186px; background-image:url('../reflective_menu_bg.gif'); } #reflective_menu_left_top_products li ul ul { /* third-and-above-level lists */ margin: -21px 0px 0px 198px; } #reflective_menu_left_top_products li:hover ul ul, #reflective_menu_left_top_products li.sfhover ul ul { left: -999em; } #reflective_menu_left_top_products li:hover ul, #reflective_menu_left_top_products li li:hover ul, #reflective_menu_left_top li.sfhover ul, #reflective_menu_left_top li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }