/* **********************
 Global stylesheet
 Whirlpool Corporate
********************** */

/* imports */
@import url("tools.css"); /* utilities */
@import url("ir.css"); /* image replacement */
@import url("sIFR-screen.css"); /* SIFR */


/* general formatting */
* { margin: 0; padding: 0; border: 0; }
a { color: #2079A6; text-decoration: none; }
a:hover { text-decoration: underline; }
body {
   color: #B3B3B3; background: url(../img/bg_page.jpg) top left;
   font-size: 11px; font-family: arial, sans-serif;
   }
ul, ol { list-style: none; }
h1 { font-size: 10px; }


/* main site container */
#renderPane {
   background: #fff url(../img/bg_renderPane_top.gif) top left repeat-x;
   width: 800px; margin: 30px auto; position: relative; z-index: 10;
   }
#renderPane .bottom {
   background: url(../img/bg_renderPane_bottom.gif) bottom left repeat-x;
   padding: 15px 25px;
   }

/* Header */
#navigation { position: absolute; top: -8px; left: 265px; }
#navigation li a { margin: 1px; display: block; }
#navigation li a span { margin-left: 1px; padding: 14px 15px; display: block; }
#navigation li.utilLink a span { padding: 14px 5px; display: block; }
#navigation li.utilLink a { margin-left: 10px; }
#navigation li.last { /*margin-right: 10px;*/ }
#navigation li {
   font-weight: bold; float: left;
   background: url(../img/bg_topnav.gif) top left repeat-x;
   }
#navigation li.selected a { background: url(../img/bg_topnav_selected.gif) top left repeat-x; }
#navigation li.selected a span { background: url(../img/bg_topnav_selected.gif) top right repeat-x; }
#navigation .utilLink { background: none; }
#navigation .utilLink a {
   background: url(../img/ico_arrow_grey.gif) center left no-repeat;
   padding-left: 10px; color: #E49711; display: block;
   }

/* Footer */
#footer { }
#footer .footerAward { float: right; }
#footer ul { margin: 30px auto; }
#footer ul li a { font-weight: bold; }
#footer ul li {
   float: left; padding: 4px 14px 4px 0; margin: 0 14px 0 0; /*border: 1px solid silver;*/
   background: url(../img/bg_border_dashed_v.gif) top right repeat-y;
   }
#footer ul li.last { background: none; padding-right: 0; margin-right: 0; }
#footer .copyright { margin: 15px 0 100px 0; }

/* overrides based on pagetype and language */
.pageHome {}
.pageAbout {}
.enCA {}
.frCA {}

.pageHome .enCA #footer ul { width: 490px; }
.pageAbout .enCA #footer ul { width: 310px; }

.pageHome .frCA #footer ul { width: 730px; }
.pageAbout .frCA #footer ul { width: 500px; }

.enCA #navigation { left: 265px; }
.frCA #navigation { left: 170px; }
.frCA #navigation li a span { padding: 15px 8px; }


/* -----------------
 Home Page
----------------- */
#flashcontent { width: 743px; height: 398px; /*border: 1px solid red;*/ }
#contentPane {  }

.ourBrands { margin: 10px 0; padding-right: 25px; }
.ourBrands a {
   float: right; padding-right: 17px; font-size: 12px; font-weight: bold; color: #B3B3B3;
   background: url(../img/ico_arrow_red.gif) center right no-repeat;
   }
.ourBrands a:hover { text-decoration: none; }

.sectionsArea { float: left; width: 408px; margin-right: 33px; }
.sectionsArea dl { }
.sectionsArea dt {
   font-size: 20px; font-weight: bold; font-family: helvetica, arial, sans-serif;
   color: #7FBAD1; margin-left: 80px; width: 320px;
   }
.sectionsArea dd { padding-bottom: 20px; }
.sectionsArea dd h3, .sectionsArea dd p { width: 260px; float: left; margin-bottom: 10px; }
.sectionsArea dd img.sectionImg { float: left; width: 59px; margin-right: 20px; }

.promoArea { float: left; width: 300px;}
.promoArea .mainPromo { margin-bottom: 50px; }
.promoArea .mainPromo img { float: left; width: 120px; }
.promoArea .mainPromo p { float: left; width: 150px; margin-left: 20px; }
.promoArea ul li { margin-top: 18px; }
.promoArea ul img { border: 1px solid #EFEFEF; padding: 3px; }
.promoArea ul a { display: block; width: 190px; margin-bottom: 8px; }


/* -----------------
 Subpage template
----------------- */
.pageNav {
   margin: 10px 0 40px 370px;; width: 370px;
   background: url(../img/bg_border_dashed_h.gif) bottom left repeat-x;
   }
.pageNav ul { float: right; margin: 0 0 10px 0; }
.pageNav ul li { float: left; margin-right: 15px; }
.pageNav ul li a {
   font-weight: bold; color: #B3B3B3; padding-left: 17px;
   background: url(../img/ico_arrow_pagenav.gif) center left no-repeat;
   }

.pageSection { width: 740px; margin: 0 0 40px 0; }
.pageSection h2 { margin: 0 0 10px 370px; width: 370px; }
.pageSection .sectionSplash { float: left; border: 1px solid #EFEFEF; padding: 3px; margin-top: 5px; }
.pageSection .content {
   width: 370px; float: right;
   background: url(../img/bg_border_dashed_h.gif) bottom left repeat-x;
   }
.pageSection .content h3 { width: 355px; margin-bottom: 10px; }
.pageSection .content h4 { width: 355px; margin-bottom: 10px; }
.pageSection .content p { margin-bottom: 10px; }
.pageSection .content p.date { color: #585555; margin-bottom: 5px; }
.pageSection .content .backToTop { margin: 30px 0 15px 0; }
.pageSection .content .backToTop a {
   background: url(../img/ico_arrow_top.gif) center right no-repeat;
   padding-right: 14px; color: #B3B3B3; font-weight: bold; float: right;
   }