#contentWrapper { width:752px; margin:0 8px 0 9px; text-align:left; }

#kpLogo { float:left; margin:0; }
#kpLogo a { display:block; width:228px; height:57px; margin:15px 20px 11px 21px; text-indent:-999px; overflow:hidden; }

#kpTopNav { width:483px; height:57px; margin:15px 0 11px 0; padding:0; float:left; list-style:none; overflow:hidden; }
#kpTopNav li { float:left; margin:0 16px 0 0; } 
#kpTopNav li#design { margin:0; }
#kpTopNav li a { display:block; height:57px; text-indent:-999px; overflow:hidden; }
#kpTopNav #dream  a { width:150px; background-position:-0 -0; }
#kpTopNav #plan   a { width:151px; background-position:-166px -0; }
#kpTopNav #design a { width:150px; background-position:-333px -0; }

.template { /*position:relative;*/ width:752px; margin:0; float:left; overflow:hidden; 
            font:normal 12px Arial, Helvetica, sans-serif; color:black; }

.template a, .contentArea a:hover { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline; }
.template a { color:black; }

.template .breadcrumbTab { position:absolute; top:0; right:0; z-index:1; display:block; width:70px; height:125px;}

.template #kpSubNav { margin:0; padding:0; list-style:none; width:100%; }
.template #kpSubNav li { height:33px; float:left; margin:0 8px 0 0; }
.template #kpSubNav li a { display:block; height:23px; text-indent:-999px; overflow:hidden; }

.template .contentArea { width:752px; margin:22px 0 20px; float:left; }
.template .column { width:50%; float:left; overflow:hidden; }
.template .contentArea h3 { height:45px; margin:0 0 14px; text-indent:-999px; overflow:hidden; clear:both; background-repeat:no-repeat; }
.template .contentArea p { margin:0 20px 14px; }
.template h4, .template h5 { margin:0 20px 14px; font:bold 18px/18px Garamond, "Times New Roman", Times, serif; }
.template .contentArea h5 { font-size:16px; line-height:16px;}
.template .relative {
	position: relative; z-index:1;
}

/**
  * Home Page 
  */
#kpHome h2 { width:752px; height:49px; margin:0; padding:0; text-indent:-999px; float:left; overflow:hidden; }
#kpHome #intro { position:relative; width:752px; height:569px; margin:8px 0 0; float:left; /*z-index:1;*/
                 background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/home_intro_bg.jpg) no-repeat; }
#kpHome #intro p.introCopy { padding:20px; margin:0; font:normal 18px/22px "Times New Roman", Times, serif; color:#495b1c; float:left; 
                             /*background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/home_intro_copy.jpg) no-repeat;*/ }

#kpHome #intro #callout { position:absolute; left:20px; top:104px; width:228px; margin:0; padding:0; list-style:none; 
                          filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8; }
#kpHome #intro #callout li { padding:14px 18px 0 36px; background-position:left center; color:black; font:normal 11px Arial, Helvetica, sans-serif;
                             background-image:url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/home_callout_bg.gif); }
#kpHome #intro #callout li.first  { background-position:left top; }
#kpHome #intro #callout li.last   { padding:14px 18px 14px 36px; background-position:left bottom; }
#kpHome #intro #callout li a { display:block; height:22px; margin:0 0 0 -18px; padding:0 0 0 18px; font:normal 18px "Times New Roman", Times, serif; 
                               text-decoration:none; color:#495b1c; 
                               background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_salmon.gif) no-repeat; }
#kpHome #intro #callout li a:hover { text-decoration:underline; }

#kpHome #whyChooseHD { width:752px; margin:8px 0; padding:0 0 24px; float:left; overflow:hidden; background-color:#daeac1; }
#kpHome #whyChooseHD h3 { padding:16px 20px; margin:0; color:8a9964; font:bold 17px Garamond, "Times New Roman", Times, serif; }
#kpHome #whyChooseHD ul { float:left; padding:0 20px; margin:0; list-style:none; }
#kpHome #whyChooseHD ul li { width:158px; margin:0 20px 0 0; float:left; color:black; font:normal 12px Arial, Helvetica, sans-serif; }
#kpHome #whyChooseHD ul li strong { display:block; margin:0 0 14px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#495b1c;  }
#kpHome #whyChooseHD ul li a { color:black; text-decoration:underline; font-size:12px; }

/**
  * Dream 
  */
#kpDream h2 { height:49px; margin:0; text-indent:-999px; overflow:hidden; background-color:#ffdfbf; background-repeat:no-repeat; }
#kpDream h2.traditional  { background-position:-0 -49px; }
#kpDream h2.contemporary { background-position:-0 -98px; }
#kpDream h2.casual       { background-position:-0 -147px; }
#kpDream h2.modern       { background-position:-0 -196px; }

#kpDream #kpSubNav #traditional  a { width:167px; background-position:-0 -0; }
#kpDream #kpSubNav #contemporary a { width:189px; background-position:-175px -0; }
#kpDream #kpSubNav #casual       a { width:138px; background-position:-372px -0; }
#kpDream #kpSubNav #modern       a { width:145px; background-position:-518px -0; }
#kpDream #kpSubNav li a:hover, #kpDream #kpSubNav li a.selected { height:33px; }
#kpDream #kpSubNav #traditional  a:hover { background-position:-0 -23px; }
#kpDream #kpSubNav #contemporary a:hover { background-position:-175px -23px; }
#kpDream #kpSubNav #casual       a:hover { background-position:-372px -23px; }
#kpDream #kpSubNav #modern       a:hover { background-position:-518px -23px; }
#kpDream #kpSubNav #traditional  a.selected, #kpDream #kpSubNav #traditional  a.selected:hover { background-position:-0 -56px; }
#kpDream #kpSubNav #contemporary a.selected, #kpDream #kpSubNav #contemporary a.selected:hover { background-position:-175px -56px; }
#kpDream #kpSubNav #casual       a.selected, #kpDream #kpSubNav #casual       a.selected:hover { background-position:-372px -56px; }
#kpDream #kpSubNav #modern       a.selected, #kpDream #kpSubNav #modern       a.selected:hover { background-position:-518px -56px; }

#kpDream .imageGallery { width:313px; height:492px; float:left; overflow:hidden; }
#kpDream .imageGallery .mainImage { position:relative; height:260px; padding:0 33px 0 20px; overflow:hidden; }
#kpDream .imageGallery .mainImage .icoEnlarge { position:absolute; right:33px; bottom:0; display:block; width:40px; height:40px; 
                                                background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/dream_gallery/btn_enlarge.png) no-repeat;}
#kpDream .imageGallery .mainImage a.btnEnlarge { position:absolute; right:33px; bottom:0; display:block; width:40px; height:40px; cursor:pointer; text-indent:-999px; overflow:hidden; }
#kpDream .imageGallery .thumbnails { height:202px; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/dream_gallery/thumbs_bg.gif) no-repeat 19px 8px; }
#kpDream .imageGallery .thumbnailRow { padding:7px 0 0 19px; margin:0; float:left; overflow:hidden; list-style:none; }
#kpDream .imageGallery .thumbnailRow li { width:61px; height:61px; margin:0 6px 0 0; padding:0; float:left; overflow:hidden; background:none; }
#kpDream .imageGallery .thumbnailRow li.selected { background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/dream_gallery/thumb_selected.gif) no-repeat; }										
#kpDream .imageGallery .thumbnailRow img { margin:1px; cursor:pointer; }
#kpDream .styleDesc { width:389px; float:left; overflow:hidden; }
#kpDream .styleDesc h4, #kpDream .styleDesc h5, #kpDream .styleDesc p { margin:0 0 14px; }
#kpDream .relatedProducts { position:relative; width:419px; height:200px; float:left; overflow:hidden; background-color:#eaf4db; }
#kpDream .relatedProducts h4 { margin:18px 0 10px 94px; color:#8a9964; }
#kpDream .relatedProducts .products { position:relative; padding:0 0 20px 60px; }
#kpDream .relatedProducts .product { width:140px; margin:0 20px 0 0; float:left; text-align:center; }
#kpDream .relatedProducts .product p { margin:0; }
#kpDream .relatedProducts .product a { font:bold 14px Garamond, "Times New Roman", Times, serif; color:#8a9964; text-decoration:none; }
#kpDream .relatedProducts .product .image { height:86px; margin:0 0 8px; float:left; width:100%; text-align:center; }
#kpDream .relatedProducts .product.two .image { height:53px; margin:16px 0 25px; }

#kpDream h4, #kpDream h5 { color:#ac4106; }
#kpDream .contentArea ul { margin:0 0 14px; padding:0; list-style:none; }
#kpDream .contentArea ul li { padding:0 0 0 8px; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_square_orange.gif) no-repeat 0 6px; }
#kpDream .contentArea a { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline; color:black; }

#kpDream .column h4, #kpDream .column h5, #kpDream .column p { margin:0 20px 14px; }
#kpDream .contentArea h3 { width:376px; }
#kpDream .contentArea h3#assessing   { background-position:-0 -0; }
#kpDream .contentArea h3#inspiration { background-position:-376px -0; }

#kpDream #kitchenStyles { width:336px; margin:0 20px 14px; padding:14px 0 0; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/dream_lander_callout_bg.gif) no-repeat; }
#kpDream #kitchenStyles ul { margin:0; padding:0 20px 14px; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/dream_lander_callout_bg.gif) no-repeat left bottom; }
#kpDream #kitchenStyles ul li { background:none; margin:0 0 8px; padding:0; }
#kpDream #kitchenStyles ul li a { display:block; height:22px; padding:0 0 0 18px; font:normal 16px Garamond, "Times New Roman", Times, serif; 
                                  text-decoration:none; color:#495b1c; 
								  background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_avocado.gif) no-repeat; }
#kpDream #kitchenStyles ul li a:hover { text-decoration:underline; }

/**
  * Plan
  */
#kpPlan h2 { height:49px; margin:0; text-indent:-999px; overflow:hidden; background-color:#daeac1; background-repeat:no-repeat; }
#kpPlan h2.space         { background-position:-0 -49px; }
#kpPlan h2.budget        { background-position:-0 -98px; }
#kpPlan h2.questionnaire { background-position:-0 -147px; }
#kpPlan h2.countertop    { background-position:-0 -196px; }
#kpPlan h2.flooring      { background-position:-0 -245px; }
#kpPlan h2.style         { background-position:-0 -294px; }
#kpPlan h2.doors         { background-position:-0 -343px; }
#kpPlan h2.surfaces      { background-position:-0 -392px; }
#kpPlan h2.appliances    { background-position:-0 -441px; }
#kpPlan h2.faucets       { background-position:-0 -490px; }

#kpPlan #kpSubNav li a { width:216px; }
#kpPlan #kpSubNav #space  a { background-position:-0 -0; }
#kpPlan #kpSubNav #budget a { background-position:-224px -0; }
#kpPlan #kpSubNav #style  a { background-position:-448px -0; }
#kpPlan #kpSubNav li a:hover, #kpPlan #kpSubNav li a.selected { height:33px; }
#kpPlan #kpSubNav #space  a:hover { background-position:-0 -23px; }
#kpPlan #kpSubNav #budget a:hover { background-position:-224px -23px; }
#kpPlan #kpSubNav #style  a:hover { background-position:-448px -23px; }
#kpPlan #kpSubNav #space  a.selected, #kpPlan #kpSubNav #space  a.selected:hover { background-position:-0 -56px; }
#kpPlan #kpSubNav #budget a.selected, #kpPlan #kpSubNav #budget a.selected:hover { background-position:-224px -56px; }
#kpPlan #kpSubNav #style  a.selected, #kpPlan #kpSubNav #style  a.selected:hover { background-position:-448px -56px; }

#kpPlan .contentArea h3 { width:752px; background-color:#a3b577; }
#kpPlan .contentArea h3.budget         { background-position:-0 -0; width:476px; background-color:#daeac1; }
#kpPlan .contentArea h3.questionnaire  { background-position:-0 -45px; width:250px; background-color:#daeac1;}
#kpPlan .contentArea h3.flooring       { background-position:-0 -90px; width:250px; background-color:#daeac1;}
#kpPlan .contentArea h3.spacePlanning  { background-position:-0 -135px; width:476px; }
#kpPlan .contentArea h3.styleBoutique  { background-position:-0 -180px; }
#kpPlan .contentArea h3.configuration  { background-position:-0 -225px; }
#kpPlan .contentArea h3.measuring      { background-position:-0 -270px; }
#kpPlan .contentArea h3.countertop     { background-position:-0 -315px; width:250px; }
#kpPlan .contentArea h3.materials      { background-position:-0 -360px; }
#kpPlan .contentArea h3.builtToLast    { background-position:-0 -405px; }
#kpPlan .contentArea h3.organized      { background-position:-0 -450px; }
#kpPlan .contentArea h3.granite        { background-position:-0 -495px; }
#kpPlan .contentArea h3.silestone      { background-position:-0 -540px; }
#kpPlan .contentArea h3.corian         { background-position:-0 -585px; }
#kpPlan .contentArea h3.laminate       { background-position:-0 -630px; }
#kpPlan .contentArea h3.cooktops       { background-position:-0 -675px; }
#kpPlan .contentArea h3.fridges        { background-position:-0 -720px; }
#kpPlan .contentArea h3.finishes       { background-position:-0 -765px; }
#kpPlan .contentArea h3.faucets        { background-position:-0 -810px; }

#kpPlan .contentArea h4 { color:#495b1c; }
#kpPlan .contentArea h5 { color:#8a9964; margin:0;  }

#kpPlan .column { width:376px; }
#kpPlan .column img { margin:0 20px 20px 20px; }

/** Scroller Buttons **/
.btnScrollLeft { display:block; width:22px; height:36px; text-indent:-999px; overflow:hidden; cursor:pointer; float:left; 
                 background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/btn_scroll_left.gif) no-repeat; }
.btnScrollRight { display:block; width:22px; height:36px; text-indent:-999px; overflow:hidden; cursor:pointer; float:right;
                  background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/btn_scroll_right.gif) no-repeat; }


#kpPlan a.arrow { display:block; padding:3px 0 3px 16px; margin:0; float:left; font:bold 16px/16px Garamond, "Times New Roman", Times, serif; color:#495b1c; text-decoration:none; 
                  background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_white.gif) no-repeat; }
#kpPlan a.arrow:hover { text-decoration:underline; }
#kpPlan ul.styleBoutique { list-style:none; margin:0 20px 0; }
#kpPlan ul.styleBoutique li { width:178px; float:left; text-align:center; }
#kpPlan ul.styleBoutique li img { margin:0 0 8px; }
#kpPlan ul.styleBoutique li a { text-align:left; float:none; }
#kpPlan ul.styleBoutique li.one   a { margin-left:5px; }
#kpPlan ul.styleBoutique li.two   a { margin-left:20px; }
#kpPlan ul.styleBoutique li.three a { margin-left:20px; }
#kpPlan ul.styleBoutique li.four  a { margin-left:5px; }


#kpPlan #spacePlanning .column.one { width:411px; float:left; }
#kpPlan #spacePlanning .column.two { width:341px; height:437px; margin:0 0 20px; background:#f0fbde url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/questionnaire_bg.jpg) no-repeat; }
#kpPlan #spacePlanning .column.two h4 { height:72px; margin:169px 0 10px; text-indent:-999px; overflow:hidden; }
#kpPlan #spacePlanning .column.two a.arrow { float:left; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_green.gif) no-repeat; }

#kpPlan #workingTriangle { height:368px; margin:0 20px 20px; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/salmon_rounded_corners_bg.gif) no-repeat; }
#kpPlan #workingTriangle dl { width:327px; margin:20px 0 0; float:right; }
#kpPlan #workingTriangle dt.hover,
#kpPlan #workingTriangle dt.selected { background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/working_triangle/hover_bg.gif) no-repeat; cursor:pointer; }
#kpPlan #workingTriangle dt { width:153px; height:104px; margin:0 0 5px; float:left; }
#kpPlan #workingTriangle dd { display:none; }
#kpPlan #workingTriangle .details { width:385px; float:left; }
#kpPlan #workingTriangle .details img { margin:20px 0 0 20px; }
#kpPlan #workingTriangle .details strong { font:normal 18px Garamond, "Times New Roman", Times, serif; color:#a86637; }

#kpPlan #measuringUp { position:relative; height:340px; margin:0 20px 10px; }
#kpPlan #measuringUp img { position:absolute; left:203px; top:0; }
#kpPlan #measuringUp p { width:180px; position:absolute; margin:0;}
#kpPlan #measuringUp p strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#a3b577; }
#kpPlan #measuringUp p.doorways { left:0; top:16px; }
#kpPlan #measuringUp p.windows  { left:0; top:170px; }
#kpPlan #measuringUp p.outlets  { left:243px; top:252px; width:390px; }
#kpPlan #measuringUp p.walls    { left:530px; top:16px; }

#kpPlan #calculators { background-color:#f3e6dd; padding:20px 0; float:left; }
#kpPlan #calculators h4 { color:#9a4507; font-size:22px; }
#kpPlan #calculators .column { width:250px; }
#kpPlan #calculators a.arrow { background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_salmon.gif) no-repeat; }

#kpPlan #budgetWorkbook .column { width:250px; }

#kpPlan #style ul.styleBoutique li a { text-align:left; float:none; }
#kpPlan #style ul.styleBoutique li.one   a { margin-left:5px; }
#kpPlan #style ul.styleBoutique li.two   a { margin-left:20px; }
#kpPlan #style ul.styleBoutique li.three a { margin-left:20px; }
#kpPlan #style ul.styleBoutique li.four  a { margin-left:5px; }
#kpPlan #style ul.styleBoutique li span { display:block; float:left; padding:0 10px; }

#kpPlan #cabinetDoors #doors { margin:0 20px 0; }
#kpPlan #cabinetDoors #doors .scroller { width:532px; padding:12px 0 9px; float:right; overflow:hidden; border-bottom:1px solid #8a9964; }
#kpPlan #cabinetDoors #doors .scroller .scrollArea { width:436px; height:160px; float:left; overflow:hidden; }
#kpPlan #cabinetDoors #doors .scroller dl { width:872px; }
#kpPlan #cabinetDoors #doors .scroller dd { display:none; }
#kpPlan #cabinetDoors #doors .scroller dt { width:109px; height:160px; margin:0; float:left; cursor:pointer; text-align:center; }
#kpPlan #cabinetDoors #doors .scroller dt.hover,
#kpPlan #cabinetDoors #doors .scroller dt.selected { background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/cabinet_doors/hover_bg.gif) no-repeat center top; }
#kpPlan #cabinetDoors #doors .scroller dt img { margin:10px 2px; }
#kpPlan #cabinetDoors #doors .largeImage { float:left; margin:0 0 20px; }
#kpPlan #cabinetDoors #doors .desc { width:436px; float:left; margin:20px 0 0 36px; }
#kpPlan #cabinetDoors #doors .desc strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }
#kpPlan #cabinetDoors #doors .btnScrollLeft { margin:62px 24px 62px 0; }
#kpPlan #cabinetDoors #doors .btnScrollRight { margin:62px 0; }

#kpPlan #cabinetDoors #materials { margin:0 20px 0; border-bottom:1px solid #8a9964; overflow:hidden; }
#kpPlan #cabinetDoors #materials .scroller { width:712px; overflow:hidden; }
#kpPlan #cabinetDoors #materials .scroller .scrollArea { width:604px; height:220px; float:left; overflow:hidden; }
#kpPlan #cabinetDoors #materials .scroller ul { height:220px; width:1661px; list-style:none; float:left; overflow:hidden; }
#kpPlan #cabinetDoors #materials .scroller li { width:151px; height:91px; margin:0; float:left; }
#kpPlan #cabinetDoors #materials .scroller li img { margin:0 10px; }
#kpPlan #cabinetDoors #materials .scroller li p { margin:0 10px; }
#kpPlan #cabinetDoors #materials .scroller li strong { display:block; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }
#kpPlan #cabinetDoors #materials .btnScrollLeft { margin:25px 28px 0 0; }
#kpPlan #cabinetDoors #materials .btnScrollRight { margin:25px 0; }

#kpPlan #cabinetDoors #finishes { margin:20px 20px 20px 42px;overflow:hidden; }
#kpPlan #cabinetDoors #finishes ul { list-style:none; }
#kpPlan #cabinetDoors #finishes li { width:130px; height:200px; margin:0 40px 0 0; float:left; }
#kpPlan #cabinetDoors #finishes li strong { display:block; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }
#kpPlan #cabinetDoors #finishes li.last { width:180px; margin:0; }
#kpPlan #cabinetDoors #finishes li.last strong { display:block; margin:0 0 4px; font:bold 20px Garamond, "Times New Roman", Times, serif; color:#8a9964; }

#kpPlan #cabinetDoors #construction { margin:0 20px 20px; }
#kpPlan #cabinetDoors #construction .one { width:345px; margin:0; float:left; }
#kpPlan #cabinetDoors #construction .one .style { height:auto; margin:0 0 10px; float:left; overflow:hidden; }
#kpPlan #cabinetDoors #construction .one .style img { margin:0 16px 0 0; }
#kpPlan #cabinetdoors #construction .one .style .logo { margin:6px 8px 0 0; float:left; }
#kpPlan #cabinetdoors #construction .two { margin:0; float:right; }

#kpPlan #cabinetdoors #organization { margin:0 15px 20px 20px; }
#kpPlan #cabinetdoors #organization .storageFeature { width:235; height:355px; margin:0 4px 4px 0; float:left; }
#kpPlan #cabinetdoors #organization .storageFeature p { height:118px; margin:4px 0 0 0; padding:0 20px; background-color:#e6f6bf; text-align:center; }
#kpPlan #cabinetdoors #organization .storageFeature p strong { display:block; width:100%; float:left; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }

#kpPlan #countertops .section { float:left; overflow:hidden; }
#kpPlan #countertops .section .mainSample { width:182px; height:182px; float:left; overflow:hidden; }
#kpPlan #countertops .section .sectionContent { width:570px; float:left; margin:0 0 20px; overflow:hidden; }
#kpPlan #countertops .section .sectionContent ul { width:110%; margin:0; list-style:none; }
#kpPlan #countertops .section .sectionContent ul li { width:175px; margin:0 4px 0 0; float:left; overflow:hidden; text-align:center; }
#kpPlan #countertops .section .sectionContent ul li strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }

#kpPlan #appliances #cooktops { margin:0 20px 20px; overflow:hidden; }
#kpPlan #appliances #cooktops .scroller { width:712px; overflow:hidden; }
#kpPlan #appliances #cooktops .scroller .scrollArea { width:630px; height:320px; float:left; overflow:hidden; }
#kpPlan #appliances #cooktops .scroller ul { width:1470px; list-style:none; float:left; overflow:hidden; }
#kpPlan #appliances #cooktops .scroller li { width:210px; height:320px; margin:0; float:left; overflow:hidden; text-align:center; }
#kpPlan #appliances #cooktops .scroller li p { margin:0 10px 0; }
#kpPlan #appliances #cooktops .scroller li strong { display:block; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }
#kpPlan #appliances #cooktops .btnScrollLeft { margin:60px 16px 0 0; }
#kpPlan #appliances #cooktops .btnScrollRight { margin:60px 0 0 16px; }


#kpPlan #appliances #gasVsElectric { margin:0 20px 20px; padding:20px 0 0; overflow:hidden; text-align:center; 
                                     background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/salmon_rounded_corners_bg.gif) no-repeat; }
#kpPlan #appliances #gasVsElectric h4 { color:#9a4507; }
#kpPlan #appliances #gasVsElectric h5 { color:#9a4507; }
#kpPlan #appliances #gasVsElectric .compare { padding:0 0 20px; float:left; overflow:hidden; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/salmon_rounded_corners_bg.gif) no-repeat left bottom; }
#kpPlan #appliances #gasVsElectric .compare div { width:356px; height:100px; float:left; overflow:hidden; }
#kpPlan #appliances #gasVsElectric ul { width:200px; list-style:none; margin:4px auto 0; padding:0; }
#kpPlan #appliances #gasVsElectric ul li { padding:0 0 0 8px; text-align:left; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_square_orange.gif) no-repeat 0 6px; }

#kpPlan #appliances #hoods { margin:0 0 20px 40px; overflow:hidden; }
#kpPlan #appliances #hoods .featuredHood { width:158px; margin:0 20px 0 0; float:left; }
#kpPlan #appliances #hoods .featuredHood p { margin:8px 0 0; }
#kpPlan #appliances #hoods .featuredHood p strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }

#kpPlan #appliances #fridges { margin:0 20px 20px; overflow:hidden; }
#kpPlan #appliances #fridges .scroller { width:712px; overflow:hidden; }
#kpPlan #appliances #fridges .scroller .scrollArea { width:632px; height:330px; float:left; overflow:hidden; }
#kpPlan #appliances #fridges .scroller ul { width:1050px; list-style:none; float:left; overflow:hidden; }
#kpPlan #appliances #fridges .scroller li { width:210px; margin:0; float:left; overflow:hidden; text-align:center; }
#kpPlan #appliances #fridges .scroller li p { padding:0 10px 0; margin:0; }
#kpPlan #appliances #fridges .scroller li strong { display:block; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }
#kpPlan #appliances #fridges .btnScrollLeft { margin:60px 16px 0 0; }
#kpPlan #appliances #fridges .btnScrollRight { margin:60px 0 0 16px; }


#kpPlan #appliances #finishingTouches { margin:0 20px 20px; padding:20px 0 0; overflow:hidden; 
                                        background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/salmon_rounded_corners_bg.gif) no-repeat; }
#kpPlan #appliances #finishingTouches h4 { text-align:center; color:#9a4507;  }
#kpPlan #appliances #finishingTouches ul { height:260px; list-style:none; margin:0; padding:0 0 0 30px; overflow:hidden; 
                                           background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/salmon_rounded_corners_bg.gif) no-repeat left bottom; }
#kpPlan #appliances #finishingTouches ul li { width:225px; float:left; }
#kpPlan #appliances #finishingTouches p { margin:8px 20px 0 0; }
#kpPlan #appliances #finishingTouches p strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#9a4507; }

#kpPlan #sinksFaucets #sinkStyles { width:717px; margin:0 0 20px 20px; float:left; overflow:hidden; }
#kpPlan #sinksFaucets #sinkStyles .sinkStyle { width:353px; height:150px; margin:0 5px 5px 0; float:left; background-color:#eaf4db; }
#kpPlan #sinksFaucets #sinkStyles .sinkStyle.alt { background-color:#daeac1; }
#kpPlan #sinksFaucets #sinkStyles .sinkStyle img { float:left; }
#kpPlan #sinksFaucets #sinkStyles .sinkStyle strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#a3b577; }
#kpPlan #sinksFaucets #sinkStyles a.arrow { background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_green.gif) no-repeat; }

#kpPlan #sinksFaucets #sinks { width:720px; margin:0 0 20px 20px; float:left; overflow:hidden; }
#kpPlan #sinksFaucets #sinks ul { list-style:none; }
#kpPlan #sinksFaucets #sinks li { width:235px; margin:0 3px 0 0; float:left; }
#kpPlan #sinksFaucets #sinks li p { margin:0; }
#kpPlan #sinksFaucets #sinks li strong { display:block; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }

#kpPlan #sinksFaucets #mounting { width:712px; margin:0 0 20px 20px; padding:20px 0 0; float:left; overflow:hidden; background-color:#f3e6dd; }
#kpPlan #sinksFaucets #mounting h4 { color:#9a4507; }
#kpPlan #sinksFaucets #mounting ul { list-style:none; margin:0 0 20px 34px; }
#kpPlan #sinksFaucets #mounting li { width:139px; margin:0 30px 0 0; float:left; }
#kpPlan #sinksFaucets #mounting li p { margin:0; }
#kpPlan #sinksFaucets #mounting li strong { display:block; margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#9a4507; }

#kpPlan #sinksFaucets #faucets { margin:0 20px 0; }
#kpPlan #sinksFaucets #faucets .scroller { width:444px; padding:12px 0 9px; float:right; overflow:hidden; border-bottom:1px solid #8a9964; }
#kpPlan #sinksFaucets #faucets .scroller .scrollArea { width:387px; height:137px; margin:0 6px 0; float:left; overflow:hidden; }
#kpPlan #sinksFaucets #faucets .scroller dl { width:903px; }
#kpPlan #sinksFaucets #faucets .scroller dd { display:none; }
#kpPlan #sinksFaucets #faucets .scroller dt { width:129px; height:137px; margin:0; float:left; cursor:pointer; text-align:center; }
#kpPlan #sinksFaucets #faucets .scroller dt.hover,
#kpPlan #sinksFaucets #faucets .scroller dt.selected { background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/faucets/hover_bg.gif) no-repeat; }
#kpPlan #sinksFaucets #faucets .scroller dt img { margin:10px 0; }
#kpPlan #sinksFaucets #faucets .largeImage { float:left; margin:0 0 20px; }
#kpPlan #sinksFaucets #faucets .desc { width:387px; float:left; margin:20px 0 0 36px; }
#kpPlan #sinksFaucets #faucets .desc strong { font:bold 16px Garamond, "Times New Roman", Times, serif; color:#8a9964; }
#kpPlan #sinksFaucets #faucets .btnScrollLeft { margin:50px 0; }
#kpPlan #sinksFaucets #faucets .btnScrollRight { margin:50px 0; }

#kpPlan #sinksFaucets #faucetFinishes { width:712px; margin:0 0 20px 20px; padding:20px 0 0; float:left; overflow:hidden; background-color:#f3e6dd; text-align:center; }
#kpPlan #sinksFaucets #faucetFinishes h4 { color:#9a4507; }
#kpPlan #sinksFaucets #faucetFinishes ul { list-style:none; margin:0 0 0 22px; }
#kpPlan #sinksFaucets #faucetFinishes li { width:87; margin:0 10px 0 0; float:left; }
#kpPlan #sinksFaucets #faucetFinishes li p { margin:0; }
#kpPlan #sinksFaucets #faucetFinishes li strong { margin:10px 0 4px; font:bold 16px Garamond, "Times New Roman", Times, serif; color:#9a4507; }
#kpPlan #sinksFaucets #faucetFinishes li a { text-decoration:none; }

/**
  * Design
  */
#kpDesign a.arrow { display:block; height:40px; padding:3px 0 3px 16px; margin:8px 0 0; float:left; font:bold 15px Garamond, "Times New Roman", Times, serif; color:#495b1c; text-decoration:none; 
                  background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_arrow_on_white.gif) no-repeat; }
#kpDesign a.arrow:hover { text-decoration:underline; }

#kpDesign h2 { height:49px; margin:0; text-indent:-999px; overflow:hidden; background-color:#f3e6dd; background-repeat:no-repeat; }

#kpDesign .contentArea h3 { width:752px; margin:30px 0 20px; background-color:#f3e6dd; }
#kpDesign .contentArea h3.vision   { background-position:-0 -0; }
#kpDesign .contentArea h3.designer { background-position:-0 -45px; }

#kpDesign .contentArea ul.links { height:150px; margin:0 0 0 10px; overflow:hidden; list-style:none; }
#kpDesign .contentArea ul.links li { height:118px; float:left; margin:0 25px 0 0; }

#kpDesign h4 { color:#9a4507; }


/**
  * Glossary
  */
#kpPlan #glossary { width:752px; margin:20px 0 0; padding:20px 0 0; float:left; overflow:hidden; background-color:#f3e6dd; text-align:center; }
#kpPlan #glossary h4 { font-size:18px; color:#9a4507; }
#kpPlan #glossary dl { display:none; }
#kpPlan #glossary .letters { height:32px; margin:0 20px 20px; padding:0 20px; background-color:#ecd1be; }
#kpPlan #glossary .letters span { display:block; width:25px; margin:4px 0; padding:4px 0; float:left; 
                                  font:bold 14px Arial, Helvetica, sans-serif; color:#e0ad87; cursor:default}
#kpPlan #glossary .letters span strong { color:#9a4507; cursor:pointer; }
#kpPlan #glossary .letters span.hover, #kpPlan #glossary .letters span.selected { text-decoration:underline; color:#9a4507; }
#kpPlan #glossary .terms { float:left; padding:0 20px 20px 40px; list-style:none; margin:0; text-align:left; }
#kpPlan #glossary .terms li { width:100px; padding:0 0 0 8px; cursor:pointer; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/bullet_square_black.gif) no-repeat 0 6px; }
#kpPlan #glossary .terms li.hover,
#kpPlan #glossary .terms li.selected { text-decoration:underline; }
#kpPlan #glossary .definition { float:left; text-align:left; }

/**
  * Thickbox
  */
.TBbackground { position:absolute; left:0; top:0; width:100%; background-color:#000000; filter:alpha(opacity=70); opacity:.7; -moz-opacity:.7; cursor:pointer; }
.TBPopup { position:absolute; z-index:10; padding:20px; background-color:white; cursor:pointer; border:3px solid #999999; }
.TBPopup .btnReduce { position:absolute; right:25px; bottom:25px; display:block; width:36px; height:36px; text-indent:-999px; overflow:hidden; 
                      background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/btn_reduce.gif) no-repeat; }
/**
  * Scrollers
  */
.scroller .scrollArea { position:relative; }
.scroller .scrollArea .scrollContent { position:absolute; left:0; top:0; }

/**
  * Balloons
  */
.balloon { position:absolute; width:306px; padding:0 0 30px; background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/balloon_bg.png) no-repeat left bottom; }
.balloon p { margin:0; padding:16px 20px 0; font:normal 12px Arial, Helvetica, sans-serif; cursor:pointer; 
             background:transparent url(/wcsstore/HomeDepotCanada/images/KitchenPlanner/balloon_bg.png) no-repeat left top; }
.balloon p strong { display:block; font:bold 18px Garamond, "Times New Roman", Times, serif; color:#a3b577; }
.balloon p br { display:none; }

/**
  * Calculators
  */
#kpPlan .btnReset { width:53px; height:25px; margin:10px 0 0; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; float:left;  }
#kpPlan .btnCalculate { width:79px; height:25px; margin:10px 0 0 10px; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; float:left; }
#kpPlan .btnContinue { width:79px; height:25px; margin:10px 0 0 10px; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; float:left; }			   
#kpPlan .btnDownloadNow { width:123px; height:25px; margin:10px 0 0 10px; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; float:left; }
#kpPlan .btnResetAllocation { width:178px; height:25px; margin:10px 0 0; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; float:left; }
#kpPlan .btnStartOver { width:89px; height:25px; margin:10px 0 0 10px; text-indent:-999px; overflow:hidden; border:0; cursor:pointer; float:left; }

#kpPlan #calcCountertop .one { float:left; width:732px; overflow:hidden; }
#kpPlan #calcCountertop .one ul { width:375px; margin:0 0 20px 20px; padding:0; list-style:none; float:left; }
#kpPlan #calcCountertop .one ul li { float:left; width:385px; margin:0 0 8px; overflow:hidden; clear:both; }
#kpPlan #calcCountertop .one ul li .num { display:block; width:15px; float:left;  }
#kpPlan #calcCountertop .one ul li span { display:block; width:360px; float:left; }
#kpPlan #calcCountertop .one ul img { float:right; }


#kpPlan #calcCountertop #tabcalc { width:712px; margin:0 20px 0; border-top: 1px solid #daebc1;}
#kpPlan #calcCountertop #tabcalc td{ font:normal 10px/10px Arial, Helvetica, sans-serif; color: #666666; border-bottom: 1px solid #daebc1; padding: 13px 0 13px 0;}
#kpPlan #calcCountertop .measurement { width: 73px; height: 18px; font:normal 12px/16px Arial, Helvetica, sans-serif; color: #666666;
                                       text-align : right; border : 1px solid #999999; margin: 0 5px 0 5px; padding: 0 2px 0 0; }
#kpPlan #calcCountertop .measurement.error { border:2px solid #62703f; }
#kpPlan #calcCountertop .celldisplay { font:bold 12px/16px Arial, Helvetica, sans-serif; border : none; background-color: #f5f9eb; text-align : left; }

#kpPlan #calcCountertop #results {display:none; margin:2px 0 2px 0; padding: 0; width:216px; height:91px; background-color: #f5f9eb; overflow:hidden; float: right;}
#kpPlan #calcCountertop #results p {font:normal 12px/16px Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 0 15px;}


#kpPlan #calcFlooring #container { height:163px; margin:10px 20px 15px 20px; width:712px; border-top: 1px solid #daebc1; border-bottom: 1px solid #daebc1; overflow:hidden;}
#kpPlan #calcFlooring #calc {float: left; width:425px; margin: 20px 0 0 0; padding:10px 0 10px 0;}
#kpPlan #calcFlooring #tabcalc {width:425px;  float:left; overflow:hidden; }
#kpPlan #calcFlooring #tabcalc td{ font:normal 10px/10px Arial, Helvetica, sans-serif; color: #666666; padding: 0 0 15px 0;}
#kpPlan #calcFlooring .measurement { width: 73px; height: 18px; font:normal 12px/16px Arial, Helvetica, sans-serif; color: #666666;
									 text-align : right; border : 1px solid #999999; margin: 0 5px 0 5px; padding: 0 2px 0 0 }
#kpPlan #calcFlooring .measurement.error { border:2px solid #62703f; }
#kpPlan #calcFlooring .celldisplay { font:bold 12px/16px Arial, Helvetica, sans-serif; border:none; background-color:#f5f9eb; text-align:left; }

#kpPlan #calcFlooring #results {display:none; margin:2px 0 0 0; padding: 0; width:216px; height:157px; background-color: #f5f9eb; overflow:hidden; float: right;}

#kpPlan #calcFlooring #results p {font:normal 12px/20px Arial, Helvetica, sans-serif; color: #000000; margin: 13px 0 0 15px; clear:both;}

/**
  * Budget Questionnaire
  */

#kpPlan #budgetQuestionnaire ul#averages { margin:0 292px 20px 20px; padding:20px 0; width:440px; list-style:none; /*float:left;*/ overflow:hidden; background-color:#daeac1;  }
#kpPlan #budgetQuestionnaire ul#averages li { width:180px; margin:0 20px; float:left; text-transform:uppercase; }
#kpPlan #budgetQuestionnaire ul#averages li .percentage { font-weight:bold; }

#kpPlan #budgetQuestionnaire .btnDownloadNow { margin:0; }
#kpPlan #budgetCalculator { margin:20px; overflow:hidden; }
#kpPlan #budgetCalculator input { height:18px; border:1px solid #999999; }

#kpPlan #budgetCalculator .start { width:100%; font-weight:bold; text-transform:uppercase; float:left; overflow:hidden; }
#kpPlan #budgetCalculator .start label { float:left; margin:2px 10px 0 0; }
#kpPlan #budgetCalculator .start input { width:100px; }
#kpPlan #budgetCalculator .start .btnContinue { float:left; margin:0; }

#kpPlan #budgetCalculator .budget { display:none;  }
#kpPlan #budgetCalculator .budget p { width:100%; margin:10px 0; }
#kpPlan #budgetCalculator .budget input { width:50px; padding:0 2px; }
#kpPlan #budgetCalculator .budget table th, #kpPlan #budgetCalculator .budget table th { padding:5px 0; }
#kpPlan #budgetCalculator .budget table thead tr th { font:bold 12px Arial, Helvetica, sans-serif; border-top:1px solid #e1eecc; 
                                                      text-align:left; border-bottom:1px solid #e1eecc; }
#kpPlan #budgetCalculator .budget table tbody tr th { width:160px; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; border-bottom:1px solid #e1eecc; }
#kpPlan #budgetCalculator .budget table tbody tr td { width:160px; font:bold 12px Arial, Helvetica, sans-serif; color:black; border-bottom:1px solid #e1eecc; }
#kpPlan #budgetCalculator .budget table tbody tr td.one { width:180px; }
#kpPlan #budgetCalculator .budget table tbody tr td.one input { text-align:right; }
#kpPlan #budgetCalculator .budget table tbody tr td.one input { border:0; }
#kpPlan #budgetCalculator .budget table tbody tr td.two { width:120px;  }
#kpPlan #budgetCalculator .budget table tfoot tr th { font:bold 12px Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; }
#kpPlan #budgetCalculator .budget table tfoot tr td { font:bold 12px Arial, Helvetica, sans-serif; color:black; }
#kpPlan #budgetCalculator .budget table tfoot tr td .amount { width:50px; text-align:right; }
#kpPlan #budgetCalculator .budget .errorMsg { display:none; padding:0 0 0 340px; font-weight:bold; color:red; }