html, body, blockquote, div, form, img, input, h1, h2, h3, h4, h5, h6, p {font-family: verdana, sans-serif; padding: 0; margin: 0;}

body {color: #333; background: #d9c69d/*B2*/; text-align: center;}

a {text-decoration: none;}
/*a:active, a:hover {text-decoration: underline;}*/

fieldset {border: none; padding: 0; margin: 0;}

form {padding: 0; margin: 0;}

img {border: none;}
img, div { behavior: url(/version/5595/inc/iepngfix.htc) }

label {font: 10px verdana, sans-serif;}

p {font-size: 11px;}

.clearfix:after {content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px; height: auto !important; height: 1px;}

.loaderGif {background: #fff;z-index: 100;position:absolute;}

.noListStyle {list-style: none; padding: 0; margin: 0;}
.noListStyle li {padding: 0; margin: 0;}
.fourCol .block .sigColorDropDown {padding: 0; margin-left: -3px;}

.hide {display: none;}
.show {display: block;}
.noShow {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden;}
	
a.arrow {display: block; font-size: 10px;}

/*.home {background: #83c56e;}*/
.winpop {color: #333; background: #fff; text-align: left;}

.validationMsgs {width: 325px; line-height: 1.2; color: #c00; padding: 0; margin: 0;}
.validationMsgs p {font-size: 11px; color: #c00; padding: 0; margin: 0;}
.validationMsgs ul {padding: 0 0 .75em; margin: 0 1em;}
.validationMsgs li {font-size: 10px; list-style-position: outside; padding: 0; margin: 0 0 .5em;}

.error label {color: #c00;}
.error input, .error select, .error textarea {background-color: #FDEDF2;}

.errorContent {min-height: 550px; _height: 550px; padding: 0 15px;}
.errorContent h2 {font: 24px arial, sans-serif; color: #c00; margin: 0 0 5px;}
.errorContent p {font: 11px/1.5em verdana, sans-serif; color: #333;}
.errorContent a {text-decoration: underline; color: #333;}

/* layout */
.pageContainer {position: relative; width: 780px; text-align: left; margin: 0 auto;}

#header {}
#masthead {height: 98px; /*overflow: hidden;*/}
#logo {width: 200px; height: 88px;}

div.worldLink {position: absolute; display: inline; width: 150px; /*overflow: hidden;*/ top: 55px; _top: 51px; left: 618px; text-align: right; z-index:1100;}
div.worldLink a, div.worldLink a:hover {color: #777; font: bold 11px Arial, Helvetica, sans-serif; line-height: 16px; background: url(/version/5595/img/icon_arrow-dkgrey-down.gif) right 50% no-repeat; padding-right: 10px;}
div.worldLink a:hover {color: #000;}
div.worldLink ul { background-color: #fff; border: solid 1pt #777; position: absolute; left: 10px; top: 15px; _top: 18px; width: 145px; z-index: 500; padding: 0 0 2px; }
div.worldLink ul li { width: 100%; }
div.worldLink ul li a, div.worldLink ul li a:hover { 
	color: #41758b;
	background: url(/version/5595/img/icon_arrow-dkblue-right.gif) left 50% no-repeat;
	border-bottom: 1px solid #cacaca; 
	margin: 0 10px; 
	padding: 6px 0 6px 10px; 
	display: block; 
	text-align: left;
	text-transform: uppercase; 
	font-size: 10px;
	left: 0;
}

div.worldLink ul li.last a { border-bottom: 0; }
.ideaNotebook {position: absolute; left: 443px; top: 5px; margin: 0; padding: 0;}
.ideaNotebook .nbBlock {position: relative; width: 330px; height: 34px; background-color:#fff; border: 1px solid #CCC;}
.ideaNotebook div img {display: block;}
.ideaNotebook div.book {position: relative; top: 0; margin-left: -20px; margin-top: 3px; width: 29px; float: left;}
.ideaNotebook div.curve {position: absolute; top: 17px; left: 0; width: 6px;}
.ideaNotebook div.inner {height: 34px; font-size: 10px; padding: 0; margin: 0 0 0 15px; _margin: 0 5px; float: left;}
.ideaNotebook div.inner .main {float: left; font: bold 11px arial, sans-serif; white-space: nowrap; color: #777; padding-top: 5px;}
.ideaNotebook div.inner .main a {color: #777;}

.ideaNotebook div.inner .logout {float: left; width: 75px; font: 11px arial, sans-serif; text-align: right; white-space: nowrap; color: #465c71; padding-top: 5px;}
.ideaNotebook div.inner .logout a {color: #465c71;}
.ideaNotebook div.inner .info {clear: both; font: 10px verdana, sans-serif; white-space: nowrap; color: #465c71; margin-top: 2px;}
.ideaNotebook div.inner .info a.goProjects {color: #777; background: url(/version/5595/img/icon_arrow-go-projects.gif) 100% 2px no-repeat; padding-right: 11px;}
.ideaNotebook div.inner .info a.goProjects:hover {color: #000; text-decoration:underline;}

.printWorkMsg {background-color: #d58c97; border: 1px solid #a71930; padding: 5px;}

.contentContainer {border-width: 0 0 5px 0; border-style: solid; border-color: #fff;}

.navContainer {position: relative; z-index: 600;}
.navContainer ul li {float: left; font: 13px arial, sans-serif; padding: 0; margin: 0; position: relative; z-index: 100;}
.navContainer ul li a {display: block; position: relative;width: 174px; color: #fff; padding: 8px 10px; border-right: 1px solid #fff;}
.home .navContainer ul li a {width: 170px;}

/*Different colors for each nav section*/
.navContainer li.one, .navContainer li.two a.active {background-color: #96a06f;} 
.navContainer li.two, .navContainer li.two a.active {background-color: #b79346;}
.navContainer li.three, .navContainer li.three a.active {background-color: #78909e;}
.navContainer li.four, .navContainer li.four a.active {background-color: #ac5639;}
.home .navContainer {margin-left:5px;}


.navContainer li.one a:hover {background: #d4d8c5; color: #000;}
.navContainer li.two a:hover {background: #e2d3b4; color: #000;}
.navContainer li.three a:hover {background: #c2d1d9; color: #000;}
.navContainer li.four a:hover {background: #d2b9b0; color: #000;}

.navContainer li.one a.active,
.navContainer li.two a.active,
.navContainer li.three a.active,
.navContainer li.four a.active {color: #000; font-weight: bold;}

.navContainer li.one li a {color: #96a06f;}
.navContainer li.two li a {color: #b79346;}
.navContainer li.three li a {color: #78909e;}
.navContainer li.four li a {color: #ae5639;}

.navContainer li.one li a:hover, 
.navContainer li.one li a.active {color: #000; background: transparent url(/version/5595/img/icon_arrow-dkblue-right.gif) 3px 8px no-repeat;} 
.navContainer li.one li a.active {color: #96a06f;}  /* keeps text color of active sub page same as other sub menu items*/
.navContainer li.one li a.active:hover {color: #000;} /* keeps the rollover text color change on active sub page*/

.navContainer li.two li a:hover, 
.navContainer li.two li a.active {color: #000; background: transparent url(/version/5595/img/icon_arrow-dkblue-right.gif) 3px 8px no-repeat;}
.navContainer li.two li a.active {color: #b79346;} /* keeps text color of active sub page same as other sub menu items*/
.navContainer li.two li a.active:hover {color: #000;} /* keeps the rollover text color change on active sub page*/

.navContainer li.three li a:hover,
.navContainer li.three li a.active {color: #000; background: transparent url(/version/5595/img/icon_arrow-dkblue-right.gif) 3px 8px no-repeat;}
.navContainer li.three li a.active {color: #78909e;} /* keeps text color of active sub page same as other sub menu items*/
.navContainer li.three li a.active:hover {color: #000;} /* keeps the rollover text color change on active sub page*/

.navContainer li.four li a:hover,
.navContainer li.four li a.active {color: #000; background: transparent url(/version/5595/img/icon_arrow-dkblue-right.gif) 3px 8px no-repeat;}
.navContainer li.four li a.active {color: #ae5639;} /* keeps text color of active sub page same as other sub menu items*/
.navContainer li.four li a.active:hover {color: #000;} /* keeps the rollover text color change on active sub page*/

.navContainer ul li.last a {width: 175px; border-right: none;}
.home .navContainer ul li.last a {width: 177px; border-right: none;}
.IE55 .navContainer ul li.last a {width: 195px;}

/* JSK .navContainer ul li ul {padding:5px 0; margin:-3px 0 0; position: absolute; z-index: 100; top: 35px; left: 0px; background: #cdd1c2;}*/
.navContainer ul li ul {float: left; padding:5px 0; margin:0; position: absolute; z-index: 100; left: 0px;}
.navContainer ul li.one ul {background-color: #d4d8c5;}
.navContainer ul li.two ul {background-color: #e2d3b4;}
.navContainer ul li.three ul {background-color: #c2d1d9;}
.navContainer ul li.four ul {background-color: #d2b9b0;}

.navContainer ul li.last ul { width: 195px; overflow: hidden; }
/**/
.navContainer ul li ul li { float: none; font-size: 10px; line-height: 1.9;}
.navContainer ul li ul li a, .navContainer ul li ul li a.active {width: 172px; margin-left: 5px; background: transparent url(/version/5595/img/icon_arrow-dkblue-right.gif) 3px 8px no-repeat; padding: 2px 0 2px 12px;border-right: none;}
.home .navContainer ul li ul li a, .home .navContainer ul li ul li a.active {width: 168px;}

.navContainer .one ul li ul li a {color: #96a06f;}
.navContainer .two ul li ul li a {color: #b79346;}
.navContainer .three ul li ul li a {color: #78909e;}
.navContainer .four ul li ul li a {color: #ae5639;}

/*-- content --*/

.content {background: #fff; border-width: 15px 0; border-style: solid; border-color: #fff;}
.home .content {border-width: 0 0 12px;}

.lower {background: #fff;}
.leftCol {float: left; width: 536px; padding: 0; margin: 0;}
/*.landing {background: #fff;}*/
.home .lower, .landing, .shareMakeover, .diy, .productsLanding {background: none !important;}

/*-- main content (left column) --*/

.mainContainer {float: left; width: 536px; background: #fff;}
.productsLanding .mainContainer {width: 550px;}
.diy  .mainContainer {width: 340px;}
.shareMakeover .mainContainer {width: 462px; min-height: 520px; _height: 520px;}

/*-- upper content --*/

.flashSplash {padding: 0 0 5px; margin: 5px 5px 0 5px;}
.flashSplash img {display: block;} /*temporarily needed until we get the flash component*/

.mainContainer {position: relative; z-index: 0;}
.mainContainer .mainImg {margin: 0 10px 0 0;}
.diy  .mainContainer .mainImg {margin: 0 1px 0 5px;}
.mainContainer img {display: block;}
.beforeMakeover {position: absolute; right: 32px; bottom: -22px;}
.actionBar {position: relative; height: 30px; background: #af8f8e/*A3*/; margin: 0 10px 0 0;}
.actionBar img {display: block;}
.diy  .actionBar {height: 40px; margin: 0 5px 0 0;}
.actionBar .buttonContainer {height: 21px; overflow: hidden; padding: 5px 5px 4px 11px;}
.actionNavContainer .buttonContainer  { padding-top: 7px; }
.diy .actionBar .buttonContainer {height: 31px;}
.mainContainer .actionBar .buttonRight {float: right;}
.mainContainer .actionBar .buttonBorder {border: 1px solid #6a764a/*A1*/;}
.mainContainer .actionBar .actionNavContainer {position: absolute; width: 100%; height: auto; background-color: #58110d/*A1*/;}
.mainContainer .actionBar .actionNavContainer .wtf {float: right; position: relative; display: inline; width: 116px; background-color: #828c67/*A2*/; margin: 40px 20px 0;}
.mainContainer .actionBar .actionNavContainer .wtf a {display: block; border: 1px solid #d2d4c9/*A6*/;}
.mainContainer .actionBar .actionNavContainer .actionNav {}
.mainContainer .actionBar .actionNavContainer .actionNav li {line-height: 0; padding: 10px 0 10px 15px; border-bottom: 1px solid #fff; margin-left: 12px;}
.mainContainer .actionBar .actionNavContainer .actionNav li.last {border-bottom: none;}
.mainContainer .actionBar .actionNavContainer .actionNav li a,  .mainContainer .actionBar .actionNavContainer .actionNav li span {font: 10px/10px arial, sans-serif; text-transform: uppercase; color: #fff; background: url(/version/5595/img/icon_arrow-wht-right.gif) 0 center no-repeat; padding-left: 10px;}
/* .mainContainer .actionBar .actionNavContainer .actionNav li a img {display: inline;}*/

.contentWrapper {margin: 0 5px;}
.signature {margin-left: 10px;}
.LearnHowLink {font-size: 10px; font-weight: bold; text-transform: uppercase; color: #333/*A1*/; background: url(/version/5595/img/arrow.gif) 4px 6px no-repeat; padding: 3px 6px 4px 13px;}
.CreateWith {display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; /*background: url(/version/5595/img/arrow_default.gif) 0 5px no-repeat; */ padding: 2px 0 0;}
.whatIdeaNotebook {display: block; font: 9px/13px arial, sans-serif; text-transform: uppercase; color: #fff; padding: 7px 8px;}
.tryDiff {display: block; font-size: 10px; font-weight: bold;text-transform: uppercase; color: #fff; background: url(/version/5595/img/arrow_down.gif) 0 6px no-repeat; padding: 3px 6px 4px 15px;}
.tryPalettes {position: absolute; top: 0; width: 100%; background-color: #58110d/*A1*/; padding: 5px 0 10px;}
.projectContainer {/*min-height: 142px; _height: 142px;*/ background: #fff; margin: 0 10px;}


.paletteTabNav {background: #cdd1c2/*A5*/;}
.paletteTabNav ul {}
.paletteTabNav li {display: inline;}
.paletteTabNav li a, .paletteTabNav li span {float: left; display: block; width: .1em; font: 10px arial, sans-serif; text-transform: uppercase; white-space: nowrap; color: #444; padding: 10px;}
.paletteTabNav li.selected {}
.paletteTabNav li.selected a, .paletteTabNav li.selected span {background: #fff;}
.paletteTabNav li img {}
.paletteTabNav > ul a, .paletteTabNav > ul span {width: auto ! important;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.paletteTabNav a {float: none;}
/* End IE5-Mac hack */


table.paintLightTable {width: 100%; border-color: #58110d;}
table.paintLightTable tr td {background: #fff; text-align: center;vertical-align: top;}
table.paintLightTable tr td img {display: block;margin: 0 auto;margin-top: 4px;padding-bottom: 2px}
table.paintLightTable tr td.painter {width: 350px;border-bottom: 9px solid red;border-color: #58110d;}
table.paintLightTable tr td.customizePalette {border: 1px solid red;border-width: 0 0 9px 9px;border-color: #58110d;}
table.paintLightTable tr td a {font-weight: bold;font-size: 10px;line-height: 14px;display: block;text-align: left;margin-bottom: 3px;color: #58110d;}
table.paintLightTable tr td a span.plus {display: block;margin-top: 2px;background: url(/version/5595/img/NewPainterImages/nav_plus.jpg) 3px 1px no-repeat;padding-left: 20px;}
table.paintLightTable tr td a span.arrow {display: block;margin-top: 2px;background: url(/version/5595/img/NewPainterImages/nav_arrow_solid.jpg) 3px 1px no-repeat;padding-left: 20px;}
table.paintLightTable tr td a.noBlock {display: inline;text-decoration: underline;}
table.paintLightTable tr td.middle, table.paintLightTable tr td.last {border-width: 0 0 0 9px; border-style: solid; border-color: #58110d;}
table.paintLightTable tr#CreateWithImageActionLinks td {width: 161px;}
table.paintLightTable tr#CreateWithImageActionLinks td.middle {width: 166px;}

.paletteGallery {background: #fff; padding: 10px;}
.paletteGallery .paletteScroll {position: relative; height: 88px; margin: 0;}
.paletteGallery .paletteScroll .next {float: right; width: 17px; margin-top: 34px;}
.paletteGallery .paletteScroll .previous {float: left; width: 17px; margin-top: 34px;}
.paletteGallery .scrollContainer {position: absolute; left: 20px; width: 280px; /*width: 439px;width: 452px;*/ height: 88px; overflow: hidden;}
.paletteGallery .scrollContainer ul {width: 30000px;}
.paletteGallery .scrollContainer li {display: inline;}
.paletteGallery .scrollContainer li.selected {}
.paletteGallery .scrollContainer a {display: block; float: left; width: 52px; background: url(/version/5595/img/bg_palette-tmb-shadow-sm.gif) 0 0 no-repeat; padding: 8px 0 12px; margin-top: 9px;}
.paletteGallery .scrollContainer li.selected a {width: 75px; background: url(/version/5595/img/bg_palette-tmb-shadow-lg.gif) 0 0 no-repeat; padding: 8px 0 12px; margin-top: 0;}
.paletteGallery .scrollContainer img {border: 1px solid #e1e1e1; margin-left: 3px;}
.paletteGallery .scrollContainer a:hover img {border: 1px solid #b2b2b2;}
.paletteGallery .scrollContainer li.selected img {border: 1px solid #b2b2b2; margin-left: 6px;}

.paletteGallery .palettePaginator {font-size: 8px; line-height: 8px; text-align: center;}
.paletteGallery .palettePaginator li, .paletteGallery .palettePaginator li img {display: inline; line-height: 8px;}
.paletteGallery .palettePaginator li img {}

.projectFormContainer {padding-top: 15px; margin: 0 20px;}
.projectFormContainer h4 {font: 10px arial, sans-serif; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
.projectFormContainer p {font: 12px arial, sans-serif; padding: 10px 0 5px;}
.projectFormContainer .formControl {margin-top: 5px;}
.projectFormContainer .formControl input {vertical-align: middle; border: 1px solid #666;}
.projectFormContainer .formControl .button {font: 10px arial, sans-serif; text-transform: uppercase; color: #fff; background: #828c67/*A2*/; padding: 2px 5px; _padding: 2px 5px 1px; border: none;}
.projectFormContainer .formControl a.button {padding: 3px 20px 4px 8px;}

.projectButtons {padding: 0 10px;}
.tryPalettes .projectButtons li {display: inline; font: 10px arial, sans-serif; text-transform: uppercase; color: #fff;}
.projectButtons li a {float: left; display: block; color: #fff; background: #828c67/*A2*/; padding: 3px 15px 4px 12px; margin: 7px 7px 0 0;}
.projectButtons li.selected a, .projectButtons li.selected span {float: left; display: block; color: #333; background: #fff; padding: 9px 15px 5px 12px; margin: 0 7px 0 0;}
.tryPalettes .projectButtons img {display: inline;}

 .mainContainer .colorContainer {background: #653d1d/*A1*/; padding: 0 0 5px; margin: 0 10px 0 0;}
.colorContainer ul {padding: 5px 44px;}
.colorContainer li {float: left; padding: 4px 0 0;}
.colorContainer li.selected {background: url(/version/5595/img/icon_arrow-wht-up.gif) top center no-repeat;}
.colorContainer li a {display: block; padding-top: 6px; margin: 0 15px 0 22px;}
.colorContainer li div {padding-top: 6px; margin: 0 20px;}

.tmbContainer {height: 75px; background: #58110d/*A1*/; margin: 0 10px 0 0;}
.tmbContainer ul {padding: 8px 0 8px 8px;}
.tmbContainer li {float: left; padding: 0;}
.tmbContainer li a {display: block; background-color: #fff; padding: 4px 3px; margin: 0 3px 0;}
.tmbContainer li.selected a, .tmbContainer li a:hover {background-color: #af8f8e;/*A3*/}

.calcContainer {position: absolute; top: -245px; width: 100%; background: #cfd8e3; padding-top: 8px;}
.calcContainer .buttonContainer {background: #cca519/*?*/; border-top: 1px solid #fff;}
.calcContainer h3 {font: bold 12px arial, sans-serif; margin: 0 5px;}
.calcContainer .resultsContainer h3 {}
.calcContainer li {float: left; width: 106px; height: 18px; overflow: hidden;}
.calcContainer li.selected {}
.calcContainer li a {display: block; width: 78px; font: 12px arial, sans-serif; text-decoration: none; color: #fff; background: url(/version/5595/img/bg_tab-calc_off.gif) 0 0 no-repeat; padding: 2px 12px 3px; margin-left: 3px; margin-right: 1px;}
/*.calcContainer li a:hover, .calcContainer li a:active {text-decoration: none;}*/
.calcContainer li.selected a {color: #333; background: url(/version/5595/img/bg_tab-calc_on.gif) 0 0 no-repeat;}
.calcContainer li.close {float: right; width: 100px; text-align: right;}
.calcContainer li.close a {display: inline; width: auto; background: none; padding: 0; margin: 0 5px;}
.calcContainer li.close img {display: inline; vertical-align: top;}

.calcContainer .calcForm {min-height: 203px; _height: 203px; background: #9ba9ba; padding: 15px 10px 0;}
.calcContainer .calcForm .interior, .calcContainer .calcForm .exterior {font-size: 10px; margin: 5px 0 5px 5px; border-top: 1px solid #cfd8e3; padding-top: 7px;}
.calcContainer .calcForm .measurementButtons {font-family: verdana,sans-serif; font-size: 10px; padding: 3px 5px;}
.calcContainer .calcForm .formControl {padding-bottom: 5px;}
.calcContainer .calcForm .formControl label {float: left;}
.calcContainer .calcForm .interior label {width: 118px;}
.calcContainer .calcForm .exterior label {width: 150px;}
.calcContainer .calcForm input {width: 32px; font-size: 10px; _margin: -1px 0;/*IE6 and 7*/}
.calcContainer .calcForm input.radio {vertical-align: middle; width: 20px;}
.calcContainer .calcForm input.button {width: auto; margin: 0 0 0 -2px;}
.calcContainer .calcForm select {width: 175px; font: 10px verdana, sans-serif; margin-bottom: 5px;}
.calcContainer .calcForm .twoCol {}
.calcContainer .calcForm .twoCol .block {float: left; width: 210px;}
.calcContainer .calcForm .twoCol .col2 {width: 200px;}
.calcContainer .calcForm .twoCol .col2 p {font-size: 10px; margin-bottom: 7px;}

.calcContainer .resultsContainer {padding-top: 7px; border-top: 1px solid #cfd8e3;}
.calcContainer .resultsContainer p {font-size: 10px; line-height: 1.5; margin: 0 5px;}
.calcContainer .resultsContainer p strong {}

/*-- lower content --*/

.lower .mainContainer .inner {margin: 0 10px;}
.lower .productsL2 .inner, .lower .productsL3 .inner, .lower .diyL2 .inner, .lower .diyL3 .inner, .contactUs .mainContainer .inner {margin: 0 5px;}
.shareMakeover .mainContainer .inner {margin: 0 25px 0 35px;}

.nbTitles {padding: 0 0 5px; border-bottom: none; margin: 20px 0 0;}
.introColor .nbTitles {padding: 0 0 10px; border-bottom: 1px solid #c2c0c4; margin: 20px 0 15px;}
.nbTitles h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #95825b/*A1*/; margin-bottom: 5px;}
.nbTitles h2 span.altColor {color: #635b82/*B1*/;}
.nbTitles p {font: 10px/2em verdana, sans-serif; color: #333;}
.introColor .nbTitles p {font: 14px/17px arial, sans-serif; color: #a2aea4/*B1*/;}
.nbTitles h2 {text-transform: none;}

.nbTitles .nbLeft {float:left; width: 460px;}
.nbTitles .nbRight {float:left; color:#3E3E3E; font-family:arial,sans-serif; font-size:13px; width:290px;}

.nbTitles .nbRight .paintsample_Photo p {
color:#333333;
font-family:arial,sans-serif;
font-size:11px;
margin:0;
padding:0 0;
text-align:left;
text-transform:none;
}

.notebook .nbTitles {height: 67px; padding: 0; border-bottom: none; padding-top: 15px; margin: 0 10px 0;}
.notebook .nbTitles h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #231f20; margin: 0;}
.notebook .nbTitles p {font: 12px/1.3 arial, sans-serif; text-transform: uppercase; color: #5b5f63;}

.titles {padding: 0 0 5px; border-bottom: none; margin: 20px 0 0;}
.removeTopMargin .titles {margin-top: 0;} /* removing extra space at top of designer pages */
.introColor .titles {padding: 0 0 10px; border-bottom: none; margin: 20px 0 15px;}
.titles h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #58110d/*A1*/; margin-bottom: 5px;}
.titles h2 span.altColor {color: #635b82/*A4*/;}
.titles p {font: 10px/2em verdana, sans-serif; color: #333;}
.introColor .titles p {font: 14px/17px arial, sans-serif; color: #a2aea4/*A1*/;}
.titles h2 {text-transform: none;}

.dsTitles { background: #ad8871; border-bottom: none; margin: 0 0 13px; padding: 5px 8px 6px; }
.dsTitles h2 { color: #fff !important; font-size: 20px; margin: 0 0 3px; }
.dsTitles p { color: #fff !important; font: 16px arial, sans-serif; color: #333; margin: 0;}

.diyL3 .titles {border-bottom: none; margin: 15px 8px 10px;}
.diyL3 .titles h2 {font: 20px arial, sans-serif;}
.diyL3 .titles p {width: 435px; font: 14px/17px arial, sans-serif; color: #333;}
.diyL3 .titles .printPage {float: right; width: 100px; text-align: right;}
.diyL3 .titles .printPage a {font: 10px/17px verdana, sans-serif; vertical-align: middle; color: #333; background: url(/version/5595/img/icon_printer.jpg) 0 0 no-repeat; padding: 2px 0 4px 23px;}
.contactUs .titles {background: url(/version/5595/img/bg_border-gradient-pal02.png) bottom left no-repeat; padding-bottom: 10px; border-bottom: none; margin: 15px 8px 10px;}
.contactUs .titles h2 {font: 22px arial, sans-serif;}
.contactUs .titles p {font: 14px/17px arial, sans-serif; color: #333;}
.contactUs .titles p.regInfo {font: 10px/14px verdana, sans-serif; padding-top: 1em;}
.shareMakeover .titles {border-bottom: none; margin: 20px 0 15px;}
.shareMakeover .titles h2 {font: 22px arial, sans-serif; text-transform: none; color: #27476A;}
.shareMakeover .titles p {font: 14px/17px arial, sans-serif; color: #7D6473;}
.shareMakeover .titles p.uploading {color: #D45959;}
.shareMakeover .titles .progressBar {padding-top: 15px;}
.shareMakeover .titles .progressBar p {font-size: 12px; color: #D45959;}
.notebook .titles {height: 67px; padding: 0; border-bottom: none; padding-top: 15px; margin: 0 10px 0;}
.notebook .titles h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #231f20; margin: 0;}
.notebook .titles p {font: 12px/1.3 arial, sans-serif; text-transform: uppercase; color: #5b5f63;}

.signature h2, .signature p {width: 395px;}
.signature .sigLogo {float: right; width: 108px; text-align: right; margin: 0; padding: 0;}

.prodBanner, .imgBanner {margin: 0 0 5px;}
.prodBanner img, .imgBanner img {display: block;}

.secBanner {position: relative; top: 0; color: #fff; background: #bfa96d/*A1*/; padding: 5px 8px 6px; margin: 0 0 5px;}
.secBanner h2 {font: 20px arial, sans-serif; margin: 0 0 3px;}
.secBanner p {font: 16px arial, sans-serif;}

/*banner no longer used this way*/
/*.banner {height: 92px; overflow: none; background: #ece7e4 url(/version/5595/img/bg_banner-products-l2.jpg) top right no-repeat; padding: 0; border-bottom: none; margin: 0 0 5px;}*/
.banner {position: relative; height: 92px; overflow: hidden; padding: 0; margin: 0 0 15px;}
.diyL2 .banner {height: 110px;}
.banner img {position: absolute; display: block; z-index: 3;}
.banner .titles {position: relative; z-index: 5; margin: 0;}
.banner h2 {font: 20px arial, sans-serif; text-transform: none; color: #95825b/*A1*/; padding-top: 15px; margin: 0 15px;}
.diyL2 .banner h2 {padding-top: 30px; padding-bottom: 5px;}
.banner p {width: 285px; font: 12px/16px arial, sans-serif; color: #333; margin: 0 15px;}

.mainContent {}
.wQuote .contentWrapper {float: left; width: 345px;}

.contentBlock {padding-bottom: 25px;}
.contentBlock h3 {font-size: 10px; margin-bottom: 5px;}
.contentBlock img {}
.contentBlock p {font-size: 10px; line-height: 1.9;}

.contentBlock .contentImg {float: left; width: 85px; margin: 5px 5px 5px 0;}
.contentBlock .contentImg img {display: block;}
.contentBlock .paletteImg {position: relative; height: 104px; width: 102px;}

.contentBlock .threeCol {margin: 10px 0 5px;}
.contentBlock .threeCol .block {float: left; width: 172px;}
.contentBlock .threeCol .col3 {width: 160px;}
.contentBlock .threeCol .block div.caption {font-size: 10px; padding-top: 5px; margin-right: 13px;}
.contentBlock .threeCol .col3 div.caption {margin-right: 0;}
.contentBlock .threeCol .block div.caption h4 {font-size: 10px; line-height: 1.4;}
.contentBlock .threeCol .block div.caption p {line-height: 1.4;}
.contentBlock .inspirations .block p.caption {font-size: 10px; color: #95825b;}

.contentBlock .paletteCombo {margin: 10px 0 0;}
.contentBlock .paletteCombo .block {position: relative; width: 163px; min-height: 260px; _height: 260px; text-align: center; padding: 18px 0; border: 1px solid #c2bec1; margin-right: 5px;}
.contentBlock .paletteCombo .col1 {z-index: 30;}
.contentBlock .paletteCombo .col2 {z-index: 20;}
.contentBlock .paletteCombo .col3 {margin-right: 0; z-index: 10;}
.contentBlock .paletteCombo img {margin: 0 auto 10px;}
.contentBlock .paletteCombo div.caption {min-height: 1px; _height: 1px; text-align: left; padding: 0; margin: 0 13px;}
.contentBlock .paletteCombo div.caption h4 {margin: 0 0 5px;}
.contentBlock .paletteCombo div.caption li {line-height: 1.7; background: url(/version/5595/img/icon_bullet-sq-p01.gif)/*image needs to change with palette*/ 0 3px no-repeat; padding-left: 13px;}
.contentBlock .paletteCombo div.caption li a {color: #333;}

.contentBlock .paletteCombo .roomImage { margin: 10px 0pt 5px; }
.contentBlock .paletteCombo .roomImage  h3 { border-top: 1px solid #c1c1c1; padding: 10px 0 0; font-weight: normal;}
.contentBlock .paletteCombo .roomImage .block { float: left; padding: 10px 0; border: none; text-align: left; }
.contentBlock .paletteCombo .roomImage .leftSide { width: 332px; margin-right: 25px; }
.contentBlock .paletteCombo .roomImage .leftSide img { width: 332px; height: 220px; overflow: hidden; } /* we should be able to remove this line after */
.contentBlock .paletteCombo .roomImage .rightSide { font-size: 10px; width: 130px; margin-right: 0; }
.contentBlock .paletteCombo .roomImage div.caption { margin: 0; }
/*
.contentBlock .paletteCombo .roomImage .rightSide p { line-height: 1.5em; }
.contentBlock .paletteCombo .roomImage .rightSide a { color: #333; }
*/

/*
.shareYourMakeover {border-top: 1px solid white; margin-bottom: 0;}
.contentBlock .shareImg {float: left;}
.contentBlock .shareContent {min-height: 1px; _height: 1px; border: 1px solid #ccc; border-left: none; margin-top: 3px;}
.contentBlock .share {height: 56px; overflow: hidden; margin-left: 10px;}
.contentBlock .share h4 {font-size: 10px; margin: 15px 0 5px;}
.contentBlock .share a {display: block; font-size: 10px; color: #787f79; background: url(/version/5595/img/icon_arrow-brwn-right.gif) 0 center no-repeat; padding-left: 10px;}
*/
.shareYourMakeover {position: relative; height: 164px !important; padding-bottom: 0;}
.contentBlock .shareImg {position: absolute; z-index: 3;}
.contentBlock .shareContent {position: relative; z-index: 5; min-height: 1px; _height: 1px; padding: 12px 15px 0 0;}
.contentBlock .share {float: right; width: 230px;}
.contentBlock .share h4 {font: bold 12px arial, sans-serif; margin: 0 0 5px;}
.contentBlock .share p {font-size: 10px; line-height: 14px; color: #787f79; margin: 0 0 5px;}
.contentBlock .share a {display: block; font-size: 10px; color: #7f6020; background: url(/version/5595/img/icon_arrow-ltbrown2-right.gif) left center no-repeat; padding-left: 10px;}

.quoteContainer {float: right; width: 149px;}
.quoteBlock {padding: 3px 3px 20px; border: 1px solid #ccc;}
.quoteBlock h3 {font: 9px arial, sans-serif; text-transform: uppercase; color: #fff; background: #8d9b68/*A1*/; padding: 8px;}
.quoteBlock blockquote {font: italic 9px/14px verdana, sans-serif; padding: 10px 3px;}
.quoteBlock blockquote p {font: italic 9px/14px verdana, sans-serif;}
.quoteBlock .byline {font: 9px/14px verdana, sans-serif; text-align: right; padding: 0 3px;}
.quoteBlock .byline strong {display: block;}

.contactInfo {float: right; width: 175px; padding-right: 5px; margin-top: 5px; margin-left: 3px;}
.contactInfo h3 {font: bold 12px arial, sans-serif; color: #fff; background: #a56a4a; padding: 1px 7px;}
.contactInfo .innerBorder {padding: 5px 7px 0; border-width: 0 1px 1px; border-style: solid; border-color: #dbc3b7;}
.contactInfo dl {padding: 0 0 10px; margin: 0;}
.contactInfo dt {font: bold 11px arial, sans-serif;}
.contactInfo dd {font: 10px verdana, sans-serif; padding: 0; margin: 0;}

.contactForm {padding: 0 0 15px 10px;}
.contactForm p {margin-bottom: 10px;}
.contactForm .twoCol .formControl {float: left; width: 164px;}
.contactForm .formControl {margin: 0 0 10px;}
.contactForm .formControl label {display: block; font-size: 10px; margin: 0 0 1px;}
.contactForm .formControl input {width: 147px;}
.contactForm .formControl textarea {width: 310px;}
.contactForm .formControl select {width: 170px; font-size: 10px;}
.contactForm .formButtons {}

.miniFAQ {}
.miniFAQ ul {margin: 0 10px;}
.miniFAQ li {line-height: 1;}
.miniFAQ li a {font-size: 10px; color: #7f4628; background: url(/version/5595/img/icon_arrow-brown3-right.gif) left center no-repeat; padding-left: 9px;}

.uploadForm {padding: 0 0 50px; margin-right: 34px;}
.uploadForm h3 {font: bold 14px arial, sans-serif; color: #27476A; padding: 0 0 2px; border-bottom: 1px solid #ccc; margin: 0 0 15px;}
.uploadForm .step {padding-bottom: 20px;}
.uploadForm .step img.stepNum {float: left; width: 25px;}
.uploadForm .formControl {min-height: 1px; _height: 1px; font-size: 10px; padding-top: 5px; margin-left: 33px;}
.uploadForm .formControl label {display: block; font-size: 10px; margin: 0 0 10px;}
.uploadForm .formControl input {font-size: 11px; vertical-align: middle; width: 200px; padding: 1px 0;}
.uploadForm .formControl input.file {width: 200px !important;}
.uploadForm .formControl textarea {width: 329px;}
.uploadForm .formControl img {vertical-align: middle;}
.uploadForm .agreeTerms input {width: auto;}
.uploadForm .agreeTerms label {display: inline;}
.uploadForm .agreeTerms a {font-size: 10px; color: #2c6dad;}
.uploadForm .formButtons {margin-left: 33px;}
.uploadForm .provideInfo {min-height: 1px; _height: 1px;}
.uploadForm .provideInfo p {font-size: 10px; padding-top: 5px; margin: 0 0 10px 33px;}
.uploadForm .provideInfo label {float: left; width: 70px; color: #000; padding-top: 3px; margin: 0;}

.usefulLinks {}
.usefulLinks ul {margin: 0;}
.usefulLinks li {line-height: 1;}
.usefulLinks li a {font-size: 10px; color: #27476A; background: url(/version/5595/img/icon_arrow-dkblue3-right.gif) left center no-repeat; padding-left: 9px;}

.promoContent {padding-top: 4px;}
.promoContent .block {float: left; display: inline; margin-left: 5px;}
.promoContent .twoCol .block {width: 382px;}
.promoContent .twoCol .col2 {width: 383px;}
.promoContent .threeCol .block {width: 253px;}
.promoContent .threeCol .col2 {margin-left: 6px;}
.promoContent .threeColAlt .block {width: 188px;}
.promoContent .threeColAlt .col1 {width: 386px;}
.promoContent .threeColAlt .col2, .promoContent .threeColAlt .col3 {margin-left: 4px;}
.promoContent .fourCol .block {width: 189px;}
.promoContent .fourCol .col4 {width: 188px;}
.promoContent .block img {display: block;}
.promoContent .text {padding: 5px 10px 0;}
.promoContent .text h4 {font-size: 10px;}
.promoContent .text p {min-height: 24px; _height: 24px; font-size: 10px; padding-bottom: 5px;}
.coordColors .colWrapper .text p {min-height: 36px; _height: 36px;}
.coordColors .twoCol .text p {min-height: 0; _height: 0;}
.diy .landing .colWrapper .text p {min-height: 40px; _height: 40px;}

.home .promoContent {padding-top: 0; margin-left: 5px;}
.home .promoContent .fourCol .block {position: relative; width: 195px; margin: 0;}
.home .promoContent .fourCol .block img {display: block;}
.home .promoContent .text {position: absolute; top: 69px; width: 175px; padding: 0 10px;}
.home .promoContent .text p {min-height: 48px; _height: 48px; padding-bottom: 13px;}
.home .promoContent .col4 .text {top: 50px; right: 10px; width: 84px; padding: 0;}
.home .promoContent .col4 .text label {display: block; margin-bottom: 5px;}
.home .promoContent .col4 .text input {width: 80px; height: 14px; font-size: 10px; vertical-align: middle; color: #7f7f7f; padding-top: 1px; margin-bottom: 5px;}
.home .promoContent .col4 .text .formButton {text-align: right;}
.home .promoContent .col4 .text .button {width: auto; height: auto; color: #fff; background: #84969d/*A1*/; padding: 1px 3px 2px; _padding: 2px 0 1px; border: none;}
.home .promoContent .col4 .text .lowesDealer { margin-top: 19px; }
.home .promoContent .col4 .text .lowesDealer .buttonHolder { position: relative; right: 10px; }
.home .promoContent .col4 .text .lowesDealer .button {width: auto; height: auto; color: #fff; background: transparent !important/*A1*/; border: none; padding:0; }
.home .promoContent .col4 .text .lowesDealer p {min-height: 48px; _height: 48px; padding-bottom: 13px; _padding-left: 13px; }


.home .homeNavigation {background: #fff; border-top: 1px solid #fff; margin-left: 2px; _margin-left: 5px;}
.home .homeNavigation .fourCol .block {float: left; margin-right: 1px;}
.home .homeNavigation .fourCol .block img {display: block;}
.home .homeNavigation .fourCol .block .innerBlock {padding-bottom: 15px; height: 220px; _height:229px; width: 192px; _width: 190px;}
.home .homeNavigation .fourCol .col1 .innerBlock {padding-bottom: 15px; padding-left: 2px; border-bottom: 13px solid #b0b893;}
.home .homeNavigation .fourCol .col2 .innerBlock {border-bottom: 13px solid #c9ae74;}
.home .homeNavigation .fourCol .col3 .innerBlock {border-bottom: 13px solid #9aacb6;}
.home .homeNavigation .fourCol .col4 .innerBlock {border-bottom: 13px solid #c2806b;}

.home .homeNavigation .fourCol .block h2 {font: 13px arial, sans-serif;}
.home .homeNavigation .fourCol .block h2 a {display: block; width: 186px; color: #fff/*A6*/; background: #fff/*A1*/; padding: 8px 0 8px 5px;}
.home .homeNavigation .fourCol .block h2 a:hover {color: #fff;}

/*.home .homeNavigation .fourCol .col1 h2 a {width: 170px;}*/
.home .homeNavigation .fourCol .block ul {margin: 7px 10px 0;}
.home .homeNavigation .fourCol .block li {font-size: 10px; line-height: 1.9;}
.home .homeNavigation .fourCol .block li {list-style-image: url(/version/5504/img/icon_arrow-dkblue-right_homepg.gif); margin-left: 6px; padding-left: 0;}

.home .homeNavigation .fourCol .col1 h2 a {background-color: #b0b893;}
.home .homeNavigation .fourCol .col2 h2 a {background-color: #c9ae74;}
.home .homeNavigation .fourCol .col3 h2 a {background-color: #9aacb6;}
.home .homeNavigation .fourCol .col4 h2 a {background-color: #c2806b;}

.home .homeNavigation .fourCol .col1 h2 a:hover {background-color: #d4d8c5; color: #000;}
.home .homeNavigation .fourCol .col2 h2 a:hover {background-color: #e2d3b4; color: #000;}
.home .homeNavigation .fourCol .col3 h2 a:hover {background-color: #b2c2cb; color: #000;}
.home .homeNavigation .fourCol .col4 h2 a:hover {background-color: #c6b8b3; color: #000;}

.home .homeNavigation .fourCol .col1 li a {color: #96a06f;}
.home .homeNavigation .fourCol .col2 li a {color: #b79346;}
.home .homeNavigation .fourCol .col3 li a {color: #78909e;}
.home .homeNavigation .fourCol .col4 li a {color: #ae5639;}

.home .homeNavigation .fourCol .col1 li a:hover {color: #d4d8c5;}
.home .homeNavigation .fourCol .col2 li a:hover {color: #e2d3b4;}
.home .homeNavigation .fourCol .col3 li a:hover {color: #b2c2cb;}
.home .homeNavigation .fourCol .col4 li a:hover {color: #c6b8b3;}



.homePromos {float: left; border: 1pt solid #ccc; background: #fff url(/version/5595/img/homePromoBkgd.gif) bottom repeat-x; padding: 10px 10px 0 10px; }
.homePromos h2 {font-family: Arial, "Frutiger", Helvetica, sans-serif; color: #777; font-size: 1.0em; text-transform: uppercase; margin-bottom: 5px;}
.homePromos p {font: Arial, "Frutiger", Helvetica, sans-serif; color: #777; font-size:10px;}
.homePromos img {padding: 0; margin: 0;}
.homePromos .btn {height: 20px; margin: 5px 0; position:relative;}
.btn .leftedge {position: relative; float: left;}
.btn .rightedge {position: relative; float: left; margin-left: -1px;}
.btn .inner {position: relative; margin-left: -1px; float: left; background:url(/version/5595/img/btn_bg_homepromos.gif) repeat-x; padding: 0 30px; height: 18px; padding-top: 2px; font-family: Arial, "Frutiger", Helvetica, sans-serif; color: #555; text-transform: uppercase; font-size: .7em; font-weight: bold; }
a:hover .btn .inner {background:url(/version/5595/img/btn_bg_homepromos_over.gif) repeat-x;}
.homePromos input {font: Arial, Verdana, Geneva, sans-serif; font-size: 11px; height: 15px; padding: 0; margin: 0;}
.homePromos input.searchbox {padding-top: 2px;}
.homePromos input.rollover {margin: 2px 0 0 0; padding: 0 4px; height: 20px; background: transparent url(/version/5595/img/btn_bg_go_off.gif) no-repeat; border: none; font-family: Arial, "Frutiger", Helvetica, sans-serif; color: #555; text-transform: uppercase; font-size: .7em; font-weight: bold;}
.homePromos input.rollover:hover { background: transparent url(/version/5595/img/btn_bg_go_on.gif) no-repeat;}
.clear {clear:both;}

.promo1 {width:205px; height: 243px; _height: 247px; margin: 0 11px 0 0;}
.promo2 {width:263px; height: 115px; margin-right: 10px;}
.promo3 {width:215px; height: 110px; padding-top: 15px;}
.promo3 form {margin-left: 55px; margin-top: 3px;}
.promo4 {width:510px; height: 105px; margin-top: 10px; margin-bottom: 10px;}

.promoContent .block .innerBorder {padding: 8px 8px 0; border: 1px solid #ccc;}
.promoContent .block .productIntro {}
.promoContent .block .productIntro .productImg {float: right; width: 160px;}
.promoContent .block .productIntro .productText {float: left; width: 155px; margin: 25px 0 0 12px;}

.promoContent .block .productCategories {}
.promoContent .block .productCategories .row {margin-bottom: 25px;}
.promoContent .block .productCategories .col1 {float: left; width: 174px; margin-right: 16px;}
.promoContent .block .productCategories .col2 {float: left; width: 174px;}
.promoContent .block .productCategories h3 {font-size: 11px; color: #fff; padding: 2px 15px 3px;}
.promoContent .col1 .productCategories h3 {background: #93531f/**/;}
.promoContent .col2 .productCategories h3 {background: #704d30/**/;}
.promoContent .block .productCategories ul {min-height: 80px; height: 80px; margin: 8px 0 8px 8px;}
.promoContent .block .productCategories li {font-size: 10px; line-height: 1.3em; background: url(/version/5595/img/icon_bullet-dkgrey.gif) 0 5px no-repeat; padding: 0 0 0 8px; margin: 0 0 4px;}

.promoContent .buttonHolder {border: 1px solid #6a764a/*A3*/; margin: 5px 0 0;}
.promoContent .buttonHolder td {color: #6a764a/*A1*/;}
.promoContent .button a {font-size: 10px; color: #6a764a/*A1*/; background: url(/version/5595/img/icon_arrow-dkgrn-right.gif)/*image needs to change with palette*/ 8px center no-repeat; padding: 3px 20px 4px 20px;}
.promoContent .button a:hover {color: #000;}
/*.promoContent .button a:active, .promoContent .button a:hover {text-decoration: underline;}*/
.home .promoContent .buttonHolder {border-color: #465c71/*A1*/;}
.home .promoContent .button a {color: #465c71/*A1*/; background: url(/version/5595/img/icon_arrow-dkblue2-right.gif)/*image needs to change with palette*/ 5px center no-repeat; padding: 2px 5px 3px 9px;}

.promoContent .productCategories .buttonHolder {margin: 5px 0 0 16px;}
.promoContent .col1 .productCategories .buttonHolder {border: 1px solid #93531f;}
.promoContent .col2 .productCategories .buttonHolder {border: 1px solid #704d30;}
.promoContent .col1 .productCategories .buttonHolder td {color: #93531f;}
.promoContent .col2 .productCategories .buttonHolder td {color: #704d30;}
.promoContent .productCategories .button a {padding: 2px 6px 3px 13px;}
.promoContent .col1 .productCategories .button a {color: #93531f; background: url(/version/5595/img/icon_arrow-pal01-right.gif) 6px center no-repeat;}
.promoContent .col2 .productCategories .button a {color: #704d30; background: url(/version/5595/img/icon_arrow-pal01-right.gif) 6px center no-repeat;}

.productCategory {position: relative; margin-bottom: 6px;}
.productCategory h3 {font: bold 12px arial, sans-serif; color: #fff; background-color: #aa8f86/*A1*/; padding: 2px 7px;}
.productCategory .innerBorder {border: 1px solid #aeaeae;}
.productCategory .colWrapper {padding: 7px 0 8px;}
.productCategory .block {float: left; width: 253px;}
.productCategory .col1 {margin-right: 17px;}
.productCategory .productImg {float: left; width: 71px; padding-left: 4px;}
.productCategory .productInfo {float: left; width: 175px; padding-left: 3px;}
.productCategory h4 {font: bold 11px arial, sans-serif; color: #000; margin-left: 5px;}
.productCategory ul {margin: 3px 0;}
.productCategory li {font-size: 10px; line-height: 1.3em; background: url(/version/5595/img/icon_bullet-dkgrey.gif) 0 5px no-repeat; padding-left: 5px;}
.productCategory li.viewMore {background: url(/version/5595/img/icon_arrow-brown2-right.gif) 0 center no-repeat; _background-position: 0 4px; padding-left: 6px; margin: 4px 0 0 2px;}
.productCategory li.viewMore a {color: #774f4d/*A1*/;}

.productShowcase {position: relative; top: 0; margin-bottom: 15px;}
.productShowcase h2 {font: 18px arial, sans-serif; text-transform: uppercase; color: #fff; background: #ad8871/*[A1]*/; padding: 5px 10px 3px;}
.productShowcase .information {padding: 15px 5px 10px; border: 1px solid #cecece;}
.productShowcase .productImg {float: left; width: 120px; margin-right: 10px;}
.productShowcase .productInfo {float: left; width: 370px;}
.productShowcase .productInfo h3 {font: 18px arial, sans-serif; color: #000;}
.productShowcase .productInfo p {font: 11px verdana, sans-serif;}
.productShowcase .productInfo ul {font: 11px verdana, sans-serif; margin-top: 5px;}
.productShowcase .productInfo li {line-height: 1.3;}
.productShowcase .productInfo a {color: #333;}
.productShowcase .productInfo a img {vertical-align: middle;}
.productShowcase .productInfo ul a {text-decoration: underline;}

.productsL3 .mainContent {padding: 0 5px;}
.productsL3 .mainContent h3 {font: bold 12px arial, sans-serif; padding: 0 0 3px;}
.productsL3 .mainContent p {font: 10px/1.4 verdana, sans-serif; margin: 0 0 1.3em;}
.productsL3 .mainContent .productDetails {padding: 10px 25px 0 0;}

.dealerSearchResults {margin-bottom: 10px;}
.dealerSearchResults h3 { color: #aa8f86; padding: 2px 8px; font: normal 20px arial, sans-serif; }
.dealerSearchResults p { color: #666; padding: 3px 8px; font: normal 14px arial, sans-serif; }
.dealerSearchResults h4 {font: italic 11px arial, sans-serif; padding: 5px;}
.dealerSearchResults table {width: 100%; empty-cells: show; margin-top: 5px;}
.dealerSearchResults table th {font-size: 10px; padding: 5px 0 5px 10px;}
.dealerSearchResults table td {font-size: 10px; vertical-align: top; padding: 7px 0 7px 10px; border-top: 1px solid #e9e4e1;}
.dealerSearchResults table .distance {width: 65px;}
.dealerSearchResults table .logo {width: 60px;}
.dealerSearchResults table td.logo {text-align: right;}
.dealerSearchResults table .location { width: 220px; }
.dealerSearchResults table .phone {}
.dealerSearchResults table .hours {width: 188px;}
.dealerSearchResults dl {padding: 0; margin: 0;}
.dealerSearchResults dl dt {font: bold 11px arial, sans-serif;}
.dealerSearchResults dl dd {font-size: 10px; padding: 0; margin: 0;}
/*JSK .dealerSearchResults dl dd.address {margin: 0 0 3px;}*/

.knowWhere a {font-size: 10px; text-decoration: underline; color: #333;}

.relatedProducts { float: right; margin:10px 0 15px; padding-left: 10px; width: 165px; }
.relatedProducts .block { float: left; padding: 10px 0 15px; }
.relatedProducts .block img { display: block; }
.relatedProducts .productImg { float: left; width: 69px; padding: 0 2px 0 0; }
.relatedProducts .productInfo { float: left; width: 90px; }
.relatedProducts .productInfo p { min-height: 36px; _height: 36px; font-weight: bold; margin: 0; padding: 0 0 0 3px; }
.relatedProducts .productInfo a { color: #333; }
.relatedProducts .productInfo a img { vertical-align: middle; }
.relatedProducts .buttonHolder {border: 1px solid #95643c/*[?]*/; margin: 5px 0 0;}
.relatedProducts .buttonHolder td {color: #95643c/*[?]*/;}
.relatedProducts .button a {color: #95643c/*[?]*/; background: url(/version/5595/img/icon_arrow-ltbrown-right.gif)/*[?]image needs to change with palette*/ 6px center no-repeat; padding: 2px 6px 3px 13px;}

.quickFacts { margin: 10px -4px; }
.quickFacts div { float: left; width: 260px; margin-right: 4px; } 
.quickFacts .innerBorder { }
.quickFacts .safety { margin: 0; }
.quickFacts .safety li { padding-bottom: 5px; }

.quickFacts h4 {font: bold 12px arial, sans-serif; color: #fff; background: #774f4d/*[A1]*/; padding: 1px 6px; border-bottom: 1px solid #aeaeae;}
.quickFacts ul {font: 10px verdana, sans-serif; margin: 4px 6px 7px;}
.quickFacts li { list-style: none; background: transparent url(/version/5595/img/icon_bullet-dkgrey.gif) no-repeat scroll 0pt 5px; line-height: 1.3em;  padding: 0 4px 2px 10px; margin: 0; }
.quickFacts li a {text-decoration: underline; color: #333;}
.quickFacts .div p { margin: 7px 6px 0;}

.quickFacts li, .quickFacts li p { font: 10px verdana, sans-serif; line-height: 1.3em }

.diyIntro {margin: 0 25px 10px 15px;}
.diyCategory {width: 494px; padding: 7px 5px 5px; background: url(/version/5595/img/bg_border-gradient-pal01.png) 0 0 no-repeat; margin: 0 8px 15px;}
.diyCategory .diyImg {float: left; width: 146px; margin-right: 10px;}
.diyCategory .diyInfo {float: left; width: 328px;}
.diyCategory .diyInfo h3 {font: bold 11px arial, sans-serif; color: #000;}
.diyCategory .diyInfo p {font-size: 10px;}
.diyCategory .topicLinks ul {_height: 1px; /*float: left; width: 162px;*/ padding: 5px 0;}
.diyCategory .topicLinks li {font-size: 10px; line-height: 1.3em; background: url(/version/5595/img/icon_arrow-dkblue-right.gif) 0 3px no-repeat; padding-left: 8px; margin: 4px 0 0 2px;}
.diyCategory .topicLinks li a {color: #95643c/*A1*/;}
.diyCategory .topicLinks li a:hover {color: #9296b5/*A3*/;}

h3.secHeader {font: bold 12px arial, sans-serif; color: #5e5931; background: url(/version/5595/img/bg_border-gradient-pal01.png) 0 100% no-repeat; padding: 3px; margin: 10px 5px 5px;}

.itemIntro {font-size: 10px; margin: 10px;}
.diyItemList {width: 100%; empty-cells: show;}
.diyItemList td {width: 50%; font-size: 10px; color: #000; padding: 3px 6px;}
.diyItemList .odd {background-color: #f2eee2;}
.diyItemList .even {}
.diyItemList td span {background: url(/version/5595/img/icon_bullet-check.gif) 0 2px no-repeat; padding-left: 11px;}

.diyStep {width: 470px; padding: 5px;}
.diyStep .diyImg {float: left; width: 191px; margin: 0 10px 0 1px;}
.diyStep .diyInfo {float: left; width: 268px;}
.diyStep .diyInfo p {font-size: 10px;}

.diyInfoList {width: 100%; empty-cells: show;}
.diyInfoList th {font: bold 11px arial, sans-serif; padding: 2px 12px 3px 2px;}
.diyInfoList td {font-size: 10px; color: #000; vertical-align: top; padding: 2px 12px 2px 2px; border-bottom: 6px solid #fff;}
.diyInfoList td p {font-size: 10px;}
.diyInfoList .odd {background-color: #f2eee2;}
.diyInfoList .even {}
.diyInfoList .problem {width: 124px;}
.diyInfoList .problem h3 {font: bold 11px arial, sans-serif; color: #fff; background: #af9349/*A2*/; padding: 2px 5px;}
.diyInfoList .problem img {display: block;}
.diyInfoList .cause {width: 180px; padding: 5px 22px 5px 2px; padding-top: 5px; padding-bottom: 5px;}
.diyInfoList .solution {padding-top: 5px; padding-bottom: 5px;}
.diyInfoList .cause .numList {list-style: none; padding: 0; margin: 0 0 0 1.5em;}
.diyInfoList .cause .numList li {text-indent: -1.5em; margin-bottom: 3px;}
.diyInfoList .cause p {margin: 0;}

.dialogBalloon {position: absolute; min-width: 250px; _width: 250px; min-height: 1%; _height: 1%; text-align: left; visibility: hidden; }
.contentBlock .paletteCombo .block .dialogBalloon {}
.actionBar .actionNavContainer .wtf .dialogBalloon {width: 325px;}
.notebook .userSection .dialogBalloon {min-width: 0; width: 185px;}
.dialogBalloon td {font-size: 10px; padding: 0; margin: 0;}
.dialogBalloon .corner-tl {width: 17px; height: 17px; background: transparent url(/version/5595/img/dialog_corner-tl.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-tl.png', sizingMethod='image');}
.dialogBalloon .shadow-ht {height: 17px; background: transparent url(/version/5595/img/dialog_horz-top.png) 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_horz-top.png', sizingMethod='scale');}
.dialogBalloon .corner-tr {width: 23px; height: 17px; background: transparent url(/version/5595/img/dialog_corner-tr.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-tr.png', sizingMethod='image');}

.dialogBalloon .shadow-vl {width: 17px; background: transparent url(/version/5595/img/dialog_vert-left.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_vert-left.png', sizingMethod='scale');}
.dialogBalloon .shadow-vr {width: 23px; background: transparent url(/version/5595/img/dialog_vert-right.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_vert-right-ie.png', sizingMethod='scale');} /* different image for IE */

.dialogBalloon .corner-bl {width: 17px; height: 25px; background: transparent url(/version/5595/img/dialog_corner-bl.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-bl.png', sizingMethod='image');}
.dialogBalloon .shadow-hb {height: 25px; background: transparent url(/version/5595/img/dialog_horz-bot.png) 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_horz-bot.png', sizingMethod='scale');}
.dialogBalloon .corner-br {width: 23px; height: 25px; background: transparent url(/version/5595/img/dialog_corner-br.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-br.png', sizingMethod='image');}

.dialogBalloon .cpointer {width: 65px; height: 37px; background: transparent url(/version/5595/img/dialog_corner-pointer.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-pointer.png', sizingMethod='image');}
.notebook .userSection .dialogBalloon .cpointer {background: transparent url(/version/5595/img/dialog_corner-pointer2.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-pointer2.png', sizingMethod='image');}

.green .corner-tl {height: 36px; background: transparent url(/version/5595/img/dialog_corner-tl-grn.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-tl-grn.png', sizingMethod='image');}
.green .shadow-ht {height: 36px; background: transparent url(/version/5595/img/dialog_horz-top-grn.png) 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_horz-top-grn.png', sizingMethod='scale');}
.green .corner-tr {height: 36px; background: transparent url(/version/5595/img/dialog_corner-tr-grn.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_corner-tr-grn.png', sizingMethod='image');}
.green .shadow-vr {background: transparent url(/version/5595/img/dialog_vert-right2.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5595/img/dialog_vert-right2.png', sizingMethod='scale');} /* different image for IE */

.dialogBalloon .dialog-content {background: #fff; padding: 0 5px; margin: 0;}
.dialogBalloon .dialog-content li {line-height: 1.5; background: transparent url(/version/5595/img/icon_arrow-dkgrey-right.gif) 0 center no-repeat; padding-left: 8px;}
.dialogBalloon .dialog-content li a {text-transform: uppercase; color: #333;}
.actionBar .actionNavContainer .wtf .dialogBalloon .dialog-content li {padding: 0 0 0 8px; border-bottom: none; margin-left: 0;}
.actionBar .actionNavContainer .wtf .dialogBalloon .dialog-content li a {display: inline; font: 12px arial, sans-serif; text-transform: none; color: #7d7d96; background-color: transparent; border: none;}
.dialogBalloon .dialog-content p {font: 12px/1.5 arial, sans-serif; background: #fff; margin: 0;}
.dialogBalloon .dialog-content p.text {padding: 5px 0 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.notebook .userSection .dialogBalloon .dialog-content p {font: 11px arial, sans-serif; padding-bottom: 2px;}
/*.dialogBalloon .dialog-content .colorBar {font: 13px arial, sans-serif; color: #fff; background: #9ca286; padding: 0 5px 6px; margin: 0 -5px;}*/
.dialogBalloon .colorBar {font: 13px arial, sans-serif; color: #fff; padding: 8px 5px 0; margin: 0;}

/*-- sub-content (right column) --*/

.subContent {float: left; width: 244px;}
.productsLanding .subContent {width: 225px; height: 138px; overflow: hidden; background: url(/version/5595/img/bg_sub-banner-search.jpg) 0 0 no-repeat;}
.diy .subContent {width: 440px;}
.shareMakeover .subContent {width: 318px;}

.imgPromo {margin-top: 43px;}

.module {margin-right: 5px; margin-bottom: 10px; overflow: visible; border: 1px solid #b79346/*A4*/;}
.hasPromoLinks .module, .matchPageColor .module {border: 1px solid #b79346/*A4*/;}
.lower .module {}
.lowerB {border-bottom: 1px solid #cfbc84/*A3*/;}
.productsLanding .module {}
.diy  .module {background: #9ba9ba; height: 244px; border-bottom: 1px solid #fff;}

.uuperA, .upperB {background: none;}
.typeA {background: #fff;}
.typeB {background: #fff;}
.typeC {background: #fff;}

.module .inner {padding: 10px 0 0; margin: 0 12px;}
 .module .inner {}
.diy .module .diyMod {margin: 0;}
.module .borderTop {border-top: 1px solid #cfbc84/*A3*/;}
.productsLanding .module .inner {padding: 0; margin: 58px 15px 0;}
.lower .module .inner {}
.module .noBottom {padding-bottom: 0 !important;}

.module .inner .topModule ul li a, .module .inner .topModule ul li a:hover {font: bold 12px arial, sans-serif; line-height: 16px; padding: 0 0 0 10px;}
.module .inner .topModule ul li a:hover {color: #af8f8e/*A3*/;}
.module .inner li.active {background-color: #58110d/*A1*/;}
.module .inner li.active, .module .inner li.active a {color: #fff;}
.module .inner ul li.active ul.noListStyle li a {color: #594724/*A1*/;}
.module .inner li li.active a {color:#af8f8e/*A4*/;}
.module .inner li.active a:hover {color: #fff;}
.matchPageColor .module .promoBody .dropdown ul li a {background: none;}

.module .inner h4, .lower .module .inner h4 {color: #fff; background-color: #2c583c/*A1*/; line-height: 15px; padding: 2px 5px 3px 8px; margin: 0;}
.module .inner h4.promoTitle, .lower .module .inner h4.promoTitle,
.matchPageColor .module .inner h4 {background-color: #96a06f/*A4*/;}
.module .inner, .lower .module .inner {margin: 0; padding: 0;}
 .module .inner p, .lower .module .inner p {padding-left: 5px;}

.module .inner .promoBody {margin-bottom: 5px;}
.module p {font-size: 10px; line-height: 1.3; color: #000; padding: 5px 0;}
 .module p {line-height: 1.4;}
.contactUs upperA p {color: #fff;}
.module .inner img {}
.module .diyMod p {color: #fff; padding: 10px 0;}

.diy .module {margin-bottom: 1px;}
.diyMod .block {float: left; display: inline; padding-top: 3px;}
.diyMod .twoCol .col1 {width: 155px; margin-left: 5px;}
.diyMod .twoCol .col2 {width: 260px;}
.diyMod .twoCol .col2 .borderWrapper {min-height: 231px; _height: 231px; padding-left: 15px; border-left: 1px solid #cfd8e3;}

.module .inner h4 {font: 13px arial, sans-serif;}
.module .inner h4.main {font: bold 17px arial, sans-serif; padding: 0 0 0 5px; background-color: #fff; color: #58110d/*A1*/;}
 .module .inner h4.small {font: bold 10px arial, sans-serif; text-transform: uppercase;}
.subContent .module .diyMod h4 {color: #fff; padding: 0;  background: none;}
.module .diyMod .col1 h4 {margin: 0 0 10px 3px;  background: none;}
.module .inner .promoBody h4 {background-color: #594724/*A1*/;}
.module .inner .promoBody h4.seeNext {font: 10px verdana, sans-serif;}
.module .inner .promoBody h4.seeNext span {font: 13px arial, sans-serif; text-transform: uppercase;}
.module .inner .promoBody p.textRight {float: right; position: relative; width: 96px; margin-right: 5px;}

.module .inner h4.landingPgHeader {text-transform: capitalize; font-size: 26px; color: #b79346; background-color: #fff;}

.module .inner .promoImg {float: right; width: 110px; _height: 95px; min-height: 95px;}
.module .inner .profile {width: 135px;}
.module .inner .exploreColor {width: 98px;}
.module .inner .narrow {width: 90px; text-align: right;}
.module .inner .house {width: 105px; margin-top: 5px;}
.module .inner .inspirationImg {float: left; width: 105px; margin-top: 5px;}
 .module .inner .colorByPhotos {float: none; position: absolute; width: 120px; margin-left: 125px; z-index: 1;}
.module .diyMod .diyPhotos {float: right; width: 125px; margin-left: 10px;}
.module .diyMod .diyPhotos img {display: block;}

.module .breakRight {position: relative; margin: 5px -5px 5px 5px;}
.module .breakRight2 {position: relative; margin-right: -12px;}
.module .breakLeft {position: relative; margin-left: -12px;}
.module .breakTop {position: relative; margin-top: 10px;}

.module .inner .makeOverNav {float: right; width: 120px; min-height: 0 !important; _height: auto !important; margin-bottom: 10px;}
.module .inner .makeOverNav img {vertical-align: middle;}
.module .inner .makeOverNav .makeOverImg {float: left; margin-right: 8px;}
.module .inner .makeOverNav .next {float: left; width: 22px; margin-top: 21px;}

.gallery {margin-left: 5px; position: relative; top: 10px; clear: both;}
.gallery .imageScroll {position: relative; height: 65px; margin: 5px 0 0 0;}
.gallery .imageScroll .next {float: right; width: 22px; margin-top: 21px; margin-right: 10px;}
.gallery .imageScroll .previous {float: left; width: 22px; margin-top: 21px;}
.gallery .scrollContainer {position: absolute; left: 25px; width: 172px; height: 66px; overflow: hidden;}
.gallery .scrollContainer ul {width: 30000px;}
.gallery .scrollContainer li {display: inline;}
.gallery .scrollContainer img {display: inline;}
.gallery p {padding-bottom: 0;}
.gallery p.intro {padding: 0;}
.gallery p.info {font-size: 9px; text-align: right; margin-right: 25px; margin-bottom: 10px;}
/*.gallery p.info {float: right; position: relative; font-size: 9px; text-align: right; margin-right: -3px;}
.gallery p.nfPad {float: none; margin-right: 28px;}*/
.gallery p.links {position: relative; font-size: 9px;}
.gallery p.links a {color: #333;}

.dropdown {padding-bottom: 10px;}
.ddPadTop {padding-top: 10px;}
.ddPadTop2 {padding-top: 5px;}
.dropdown p.label {padding: 0 0 4px;}
.dropdown ul {}
.dropdown ul li {float: left; width: 200px; margin: 0 5px;}
.dropdown ul li a {display: block; font: 11px/20px arial, sans-serif; white-space: nowrap; color: #b79346/*A4*/; background: none; padding: 1px 2px 2px 5px; border: 1px solid #b79346/*A3*/; margin: 0;}

.promoBody .dropdown ul li a, .products .dropdown ul li a {border: 1px solid #77878b/*A3*/; color: #77878b/*A1*/; font-weight: normal;}
.products .dropdown ul li ul li a {border: none;}
.promoBody .dropdown ul li .itemContainer ul li a {border: none;}
.dropdown ul li.highlight a {color: #fff; background-color: #58110d/*A1*/;}
.dropdown ul li a:hover {color: #000;}
.dropdown ul li a img {float: right; width: 20px;}
.dropdown ul li .itemContainer {position: absolute; left: -999em; width: 198px; _width: 186px; background: #fff; padding: 0 0 5px; z-index: 999; border: 1px solid #77878b/*A3*/; border-top: none;}
.dropdown ul li.active .itemContainer {left: auto;}
.dropdown ul li .itemContainer ul {position: relative; width: 185px; _width: 178px; padding-top: 4px;}
.dropdown ul li .itemContainer li a img {visibility: hidden; width: auto;}
.dropdown ul li .itemContainer li a:hover img {visibility: visible;}
.dropdown ul li .itemContainer li img {position: absolute; top: 10px; right: -3px;}
.dropdown ul li ul {margin: 0 12px 5px 8px;}
.dropdown ul li .borderTop {border-top: 1px solid #a3ad8a/*A3*/;}
.dropdown ul li li {float: none; width: auto; font: 11px/16px arial, sans-serif; text-transform: uppercase; white-space: normal; color: #b79346/*A1*/; margin: 0; padding: 0; font-weight: bold;}
.dropdown ul li li a { display:inline-block; font: 10px/16px arial, sans-serif; text-transform: uppercase; white-space: normal; color: #b79346/*A1*/; background: none; padding: 0 0 0 20px; border: none; text-indent: -11px; _text-indent: -7px; margin: 0;}.dropdown ul li li a:hover, .dropdown ul li li a.active {text-decoration: none; background: #f1f3ed/*A3*/;}
.dropdown ul li li.sigColorDropDown a {_text-indent: 0;}
.dropdown ul li li a:hover, .dropdown ul li li a.active {text-decoration: none; background: #f1f3ed/*A3*/;}

/*.dropdown ul li:hover .itemContainer, .dropdown ul li.hover .itemContainer {left: auto;}*/

.matchPageColor .dropdown ul li a {color: #b79346/*A4*/; background-color: #fff;}
.matchPageColor .dropdown ul li .itemContainer ul li a {background: none;}
.matchPageColor .dropdown ul li .itemContainer ul li a:hover {background: #af8f8e/*A3*/;}
.matchPageColor .module .promoBody .dropdown ul li a {background: none;}
.matchPageColor .module .promoBody .dropdown ul li.active a:hover {color: #fff;}

/*---------------------CSS for top right module list ----------------------*/
.topModule {padding-bottom: 10px;}
.topModule p.label {padding: 0 0 4px;}
.topModule ul {}
.topModule ul li {float: left; width: 230px; margin: 0 0 5px 3px;}
.topModule ul li a {display: block; font: 11px/20px arial, sans-serif; white-space: nowrap; color: #b79346/*A4*/; background: none; padding: 1px 2px 2px 5px; border: none; margin: 0;}
.topModule ul li.highlight a {color: #fff; background-color: #58110d/*A1*/;}
.topModule ul li a:hover {color: #000;}
.topModule ul li a img {float: right; width: 20px;}
.topModule ul li .itemContainer {position: absolute; left: -999em; width: 198px; _width: 186px; background: #fff; padding: 0 0 5px; z-index: 999; border: 1px solid #77878b/*A3*/; border-top: none;}
.topModule ul li.active .itemContainer {left: auto;}
.topModule ul li .itemContainer ul {position: relative; width: 198px; _width: 178px; padding-top: 4px;}
.topModule ul li .itemContainer li a img {visibility: hidden; width: auto;}
.topModule ul li .itemContainer li a:hover img {visibility: visible;}
.topModule ul li .itemContainer li img {position: absolute; top: 10px; right: -3px;}
.topModule ul li ul {margin: 0 12px 5px 8px;}
.topModule ul li .borderTop {border-top: 1px solid #a3ad8a/*A3*/;}
.topModule ul li li {float: none; width: auto; font: 10px/18px arial, sans-serif; text-transform: uppercase; white-space: normal; color: #b79346/*A1*/;}
.topModule ul li li a {display: inline; font: 10px/18px arial, sans-serif; text-transform: uppercase; white-space: normal; color: #b79346/*A1*/; background: none; padding: 2px 7px; border: none;}
.topModule ul li li a:hover, .dropdown ul li li a:active {text-decoration: none; background: #f1f3ed/*A5*/;}
/*.dropdown ul li:hover .itemContainer, .dropdown ul li.hover .itemContainer {left: auto;}*/
.topModule .noListStyle li, .topModule .noListStyle li a {border:none;}
/*-------------------end CSS for top right module list------------------------*/

.tips {margin-left: 3px;}
.tips li {font-size: 11px; color: #fff; margin-bottom: 3px;}
.tips li a {display: block; width: 143px; height: 17px; vertical-align: middle; color: #fff; background: url(/version/5595/img/icon_tips_off.gif) 0 0 no-repeat; padding: 2px 0 0 9px;}
.tips li a:hover, .tips li.selected a {text-decoration: none; color: #1d3e66; background: url(/version/5595/img/icon_tips_on.gif) 0 0 no-repeat;}
.tips li a:active {text-decoration: none;}

 .module .colorByLink {border-bottom: 1px solid #bfa96d/*A3*/; margin-bottom: 5px; padding-top: 3px;}
 .module .colorByLink a {display: block; padding-bottom: 6px;}
 .module .colorByLink .arrowRight {float: right; width: 20px; margin-top: -4px;}

.module .findaDealer {}
.upperA .findaDealer {padding-bottom: 10px;}
.module .findaDealer label {display: block; font-size: 11px; color: #fff; margin-top: 5px; margin-bottom: 5px;}
.upperA .findaDealer label {color: #333/*C1*/;}
.module .findaDealer input {width: 95px; font-size: 9px; color: #7f7f7f; border: 1px solid #704d30/*A3*/;}
.module .findaDealer .button {width: auto; color: #fff; background: #cfbe92/*A1*/; padding: 1px 4px 2px; _padding: 2px 4px 1px; border: none;}
.upperA .findaDealer .button {background: #774f4d/*A1*/; padding: 0 4px 1px; _padding: 1px 4px 0; border: 1px solid #beaba4/*A3*/;}
.upperA .findaDealer .lowesDealer .button {background: #fff; border: none;}

.module .findaDealer .lowesDealer .button { padding-left:0;}
.module .findaDealer .lowesDealer .button a {font: 10px verdana,sans-serif; margin-right: 0;}

.productsLanding .module .findaDealer .lowesDealer p { color:#fff; font: 11px verdana,sans-serif; }
.productsLanding .module .findaDealer .lowesDealer .buttonHolder { background-color:#fff !important; border-color:#95825b; }
.productsLanding .module .findaDealer .lowesDealer .button { background-color:#fff !important; }
.productsLanding .module .findaDealer .lowesDealer .button a {font: 10px verdana,sans-serif; background-position: 5px center; padding: 2px 6px 3px 13px; }
.productsLanding .module .findaDealer .lowesDealer .button a.arrow {color: #95825b; background: #fff url(/version/5595/img/icon_arrow-pal01-right.gif) 6px center no-repeat !important; }

.module a.arrow {color: #b79346/*A4*/; background: url(/version/5595/img/icon_arrow-dkblue-right.gif) 0 center no-repeat; padding: 3px 5px 4px 8px; *padding-left: 20px; _padding-left: 5px;}
.module .dropdown a.arrow {background-image: none;}

.module .buttonHolder {width: 115px; background-color: #fff; border: 1px solid #e2d3b4/*A5*/; margin-bottom: 10px; margin-left: 5px;}
.module .buttonHolder td {white-space: nowrap; color: #b79346;}
.module .button a {font: 11px arial, sans-serif; padding: 3px 4px 4px 5px; margin-right: 5px; background: #fff url(/version/5595/img/icon_arrow-dkblue-right.gif) right center no-repeat;}
.module .button a:active {color: #b79346/*NEED*/; /*text-decoration: underline;*/}
.module .button a:hover {color: #000; /*text-decoration: underline;*/ background: #fff url(/version/5595/img/icon_arrow-dkblue-right.gif) right center no-repeat;}

.module .twoButton {margin: 0 0 10px 5px;}
.module .twoButton .buttonHolder {margin: 5px 0 0;}

 .module .buttonList {width: 120px; margin-top: 10px;}
 .module .buttonList li {margin: 0 0 2px;}
 .module .buttonList a {display: block; width: 101px; \width: 120px; w\idth: 101px; font: 11px arial, sans-serif; color: #000/*A4*/; background-color: #fff; background-position: 5px center; padding: 2px 4px 3px 13px; border: 1px solid #e9e2cd/*A5*/;}
 .module .buttonList a:hover,  .module .buttonList a:active {text-decoration: none; color: #000/*A5*/; background-color: #fff;}
 .module .navLanding .buttonList {position: absolute;}
/*
.button {width: 110px; font-size: 10px; color: #fff; background: #9a7117; margin: 5px 0;}
.button a {background-position: 5px 3px; padding-left: 12px;}
*/

/*
.button2 {font-size: 10px; width: 120px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn_shadow.png', sizingMethod='scale');}
.divA {background: url(/version/5595/img/btn_top-right.png) no-repeat top right; _background: none; padding-right: 7px;}
.divB {height: 5px; font-size: 1px; line-height: 0; background: url(/version/5595/img/btn_top-right.png) no-repeat top left; _background: none;}
.divC {background: url(/version/5595/img/btn_bottom-right.png) no-repeat bottom right; _background: none; padding-right: 7px;}
.divD {background: url(/version/5595/img/btn_bottom-left.png) no-repeat bottom left; _background: none; padding: 0 0 9px 5px;}
.divE {margin-right: 3px;}

.button3 {background: #b9ab85; padding: 3px; margin: 8px 0 0 8px;}
.button3 div {font-size: 10px; color: #fff; background: #9a7117; padding: 3px 5px; border: 1px solid #fff; margin: -6px 0 0 -6px;}
.button3 a {color: #fff;}
*/



/* -- choose colors -- */

.chooseColors {margin: 0 5px;}
.chooseColors .titles { border-bottom: none; margin: 10px;}
.chooseColors .titles p {font: 10px/1.5em verdana, sans-serif;}
.notebookContainer {position: relative; margin: -15px 0;}
.paletteSelectContainer {min-height: 360px; _height: 360px; background: #efebda; margin-bottom: 25px;}
.paletteSelectContainer p.info {font-size: 10px; color: #8e866e; padding: 15px;}

.paletteSelectContainer .block {float: left; position: relative; width: 376px;}
.paletteSelectContainer .col1 {z-index: 2;}
.paletteSelectContainer .col2 {z-index: 1;}
.paletteSelectContainer .block h3 {font: bold 12px arial, sans-serif; margin: 0 0 5px 33px;}
.paletteSelectContainer .block img {display: block;}

.paletteGrid {width: 351px; margin: 0 0 0 25px;}
.paletteGrid .palette {float: left; position: relative; width: 117px;}
.paletteGrid .p4x6 {background: url(/version/5595/img/bg_palette-shadow-4x6sq.gif) 0 0 no-repeat;}
.paletteGrid .p6x6 {background: url(/version/5595/img/bg_palette-shadow-6x6sq.gif) 0 0 no-repeat;}
.paletteGrid .palette a {display: block; margin: 6px 9px 8px 7px;}
.paletteGrid .palette img {border: 1px solid #e1e1e1;}
.paletteGrid .palette a:hover img {border: 1px solid #b2b2b2;}
.paletteGrid .selected img {border: 1px solid #b2b2b2;}

.r0c0 {z-index: 3;}
.r0c1 {z-index: 2;}
.r0c2 {z-index: 1;}
.r1c0 {z-index: 6;}
.r1c1 {z-index: 5;}
.r1c2 {z-index: 4;}
.r2c0 {z-index: 9;}
.r2c1 {z-index: 8;}
.r2c2 {z-index: 7;}

.paletteGrid .dialogBalloon .dialog-content p {font: 10px/1.3 arial, sans-serif;}

.contentBlock .sigBrandsContainer {margin: 10px 0 0; height: 110px; width: 516px;}
.contentBlock .sigBrandsContainer .block {position: relative; width: 81px; min-height: 90px; _height: 90px; text-align: center; margin-right: 5px; display: inline; float: left;}
.contentBlock .sigBrandsContainer .col1 {z-index: 60;}
.contentBlock .sigBrandsContainer .col2 {z-index: 50;}
.contentBlock .sigBrandsContainer .col3 {z-index: 40;}
.contentBlock .sigBrandsContainer .col4 {z-index: 30;}
.contentBlock .sigBrandsContainer .col5 {z-index: 20;}
.contentBlock .sigBrandsContainer .col6 {margin-right: 0; z-index: 10;}
.contentBlock .sigBrandsContainer img {margin: 0 auto 10px;}

.familyBrands {min-height: 1px; _height: 1px; background: #fff; padding: 0 15px 10px;}
.familyBrands h3 {font: normal 10px/1em verdana, sans-serif; color: #818181; margin-bottom: 8px;}
.familyBrands ul {text-align: center; margin: 0 auto;}
.familyBrands ul li {display: inline; margin-right: 25px;}
.familyBrands ul li a {display: inline-table; vertical-align: middle;}
.familyBrands ul li img {vertical-align: middle;}

.notebook {border-bottom: 0;}
.notLogged {background: url(/version/5595/img/bg_idea-notebook-not-logged.jpg) 0 0 no-repeat;}
.notebook .inner {margin: 0 5px;}
.notebook .sectionBar {height: 30px; overflow: hidden; background: #e9e8e9; padding: 0 10px;}
.notebook .sectionBar h3 {font: 13px arial, sans-serif; color: #4f4f4f; padding-top: 7px;}
.notebook .notebookSection {min-height: 129px; _height: 129px;}
.notebook .notLogged .projects {min-height: 418px; _height: 418px;}
.notebook .sectionCopy {width: 245px; padding-top: 16px; margin: 0 10px;}
.notebook .sectionCopy h4 {width: 225px; font: 24px/27px arial, sans-serif;}
.notebook .sectionCopy p {font: 11px/17px arial, sans-serif;}
.notebook .userSection {float: right; position: relative; width: 430px; min-height: 129px; _height: 129px;}
.notebook .projects .userSection {width: 299px; padding-top: 20px;}
.notebook .projects .sectionCopy {width: 385px;}
.notebook .projects .sectionCopy h4 {width: auto;}

.notebook .notLogged .savedItems .userSection {width: 495px;}
.notebook .loggedIn .savedItems .userSection {float: none; width: auto; min-height: 129px; _height: 129px; margin: 0 8px;}

.notebook .projects .userForm {min-height: 1px; _height: 1px; background: url(/version/5595/img/bg_notebook-form.gif) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.notebook .projects .userForm h4 {font: 12px arial, sans-serif; text-transform: uppercase; color: #fff; background: #9fb1c0 url(/version/5595/img/bg_notebook-form-header.gif) no-repeat; padding: 5px 11px 4px;}
.notebook .projects .userForm form {padding-top: 10px;}
.notebook .projects .userForm .formControl {min-height: 1px; _height: 1px; margin: 0 11px 5px;}
.notebook .projects .userForm .formControl label {float: left; width: 106px; _width: 103px; font: 11px arial, sans-serif; margin-top: 3px;}
.notebook .projects .userForm .formControl input {width: 169px; height: 19px; font: 12px arial, sans-serif; border: 1px solid #999; margin: 0;}
.notebook .projects .userForm .formButtons {text-align: right; padding-top: 5px; padding-left: 106px; margin: 0 11px;}
.notebook .projects .userForm .updates {float: left; width: 93px; margin: -2px 0 0;}
.notebook .projects .userForm .updates td {text-align: left; vertical-align: top;}
.notebook .projects .userForm .updates .checkbox {padding: 0 4px 0 0 !important; padding: 0;}
.notebook .projects .userForm .updates .checkbox input {width: auto; vertical-align: middle; _margin: -4px;}
.notebook .projects .userForm .updates label {font: 11px arial, sans-serif; vertical-align: middle;}
.notebook .projects .userForm .formLinks {margin: 4px 11px 0;}
.notebook .projects .userForm .formLinks a {font: 10px arial, sans-serif; color: #4f4f4f; background: url(/version/5595/img/icon_arrow-dkgrey2-right.gif) 0 2px no-repeat; padding-left: 8px; margin-right: 15px;}

.notebook .paletteScroll, .notebook .imageScroll {position: relative; height: 120px; margin: 7px 16px 0 0;}
.notebook .projectScroll {position: relative; height: 225px; margin: 7px 16px 0 0;}
.notebook .loggedIn .projectScroll, .notebook .loggedIn .paletteScroll, .notebook .loggedIn .imageScroll {margin: 7px 0 0;}
.notebook .projectScroll .next {float: right; width: 17px; margin-top: 85px;}
.notebook .projectScroll .previous {float: left; width: 17px; margin-top: 85px;}
.notebook .paletteScroll .next {float: right; width: 17px; margin-top: 50px;}
.notebook .paletteScroll .previous {float: left; width: 17px; margin-top: 50px;}
.notebook .imageScroll .next {float: right; width: 17px; margin-top: 52px;}
.notebook .imageScroll .previous {float: left; width: 17px; margin-top: 52px;}
.notebook .scrollContainer {position: absolute; left: 17px; width: 444px; height: 120px; overflow: hidden;}
.notebook .loggedIn .scrollContainer {width: 719px; height: 225px;}
.notebook .scrollContainer ul {width: 30000px;}
.notebook .scrollContainer li {display: inline;}
.notebook .scrollContainer li.selected {}
.notebook .scrollContainer a {display: block; float: left;}
.notebook .scrollContainer .project {float: left; width: 241px;}
.notebook .scrollContainer .project a {float: none;}
.notebook .projectScroll .scrollContainer a {width: 241px; background: url(/version/5595/img/bg_notebook-project-shadow.gif) 0 0 no-repeat; padding: 8px 0 13px;}
.notebook .paletteScroll .scrollContainer a {width: 111px; background: url(/version/5595/img/bg_notebook-palette-shadow.gif) 0 0 no-repeat; padding: 8px 0 10px;}
.notebook .imageScroll .scrollContainer a {width: 148px; background: url(/version/5595/img/bg_notebook-image-shadow.gif) 0 0 no-repeat; padding: 8px 0 12px;}
.notebook .loggedIn .paletteScroll .scrollContainer a {width: 102px;}
.notebook .loggedIn .imageScroll .scrollContainer a {width: 143px;}
.notebook .scrollContainer img {border: 1px solid #e1e1e1; margin-left: 8px;}
.notebook .scrollContainer a:hover img {border: 1px solid #b2b2b2;}
.notebook .scrollContainer li.selected img {border: 1px solid #b2b2b2;}
.notebook .scrollContainer li .projectInfo {padding-left: 10px; margin-top: -2px;}
.notebook .scrollContainer li .projectInfo {font: 11px arial, sans-serif; color: #666;}
.notebook .scrollContainer li .projectInfo strong {display: block; font-weight: bold; color: #4f4f4f;}

.notebookUser {min-height: 550px; _height: 550px; padding: 0 15px;}
.notebookUser .userForm {width: 299px; min-height: 1px; _height: 1px; background: url(/version/5595/img/bg_notebook-form.gif) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.notebookUser .userForm h4 {font: 12px arial, sans-serif; text-transform: uppercase; color: #fff; background: #9fb1c0 url(/version/5595/img/bg_notebook-form-header.gif) no-repeat; padding: 5px 11px 4px;}
.notebookUser .userForm form {padding-top: 10px;}
.notebookUser .userForm .formControl {min-height: 1px; _height: 1px; margin: 0 11px 5px;}
.notebookUser .userForm .formControl label {float: left; width: 106px; _width: 103px; font: 11px arial, sans-serif; margin-top: 3px;}
.notebookUser .userForm .formControl input {width: 169px; height: 19px; font: 12px arial, sans-serif; border: 1px solid #999; margin: 0;}
.notebookUser .userForm .formButtons {text-align: right; padding-top: 5px; margin: 0 11px;}

/* -- shared view -- */
.shared .content {position: relative; background: #fff url(/version/5595/img/bg_shared-splash.jpg) top right no-repeat; padding: 15px 0 0; border: 0 none;}

.shared .content .swash {position: absolute; top: 15px; right: 0; width: 205px; z-index: 5;}
.shared .content .createCopy {float: right; position: relative; display: inline; width: 150px; margin-right: 160px; z-index: 6;}
.shared .content .createCopy h3 {font: 16px/18px arial, sans-serif; color: #4f4f4f; padding: 5px 0;}
.shared .content .createCopy a {font: 10px verdana, sans-serif; color: #2c6dad; background: url(/version/5595/img/icon_arrow-blue-right.gif) 0 3px no-repeat; padding-left: 8px;}

.sharedViewContainer {margin: 0 5px;}
.sharedViewContainer .titles {border-bottom: none; padding-top: 10px; margin: 0 15px 20px;}
.sharedViewContainer .titles h2 {font-size: 24px; color: #231f20; margin-bottom: 0;}
.sharedViewContainer .titles p {font: 12px arial, sans-serif; color: #5b5f63;}
.sharedView {background: #e8e8e8; padding: 0 5px 12px;}
.sharedView h3 {font: 19px arial, sans-serif; color: #4f4f4f; padding: 15px 10px;}
.sharedView .innerContainer {background: #fff; padding: 8px 9px 5px;}
.sharedView .mainContainer {width: 536px;}
.sharedView .mainContainer .mainImg {}
.sharedView .mainContainer .actionBar {position: relative; margin: 0 10px 0 0; z-index: 15;}

.sharedRoomGallery {background: #fff; padding: 10px 10px 2px 0;}
.sharedRoomGallery .roomScroll {position: relative; height: 70px; margin: 0; z-index: 10;}
.sharedRoomGallery .roomScroll .next {float: right; width: 17px; margin-top: 25px;}
.sharedRoomGallery .roomScroll .previous {float: left; width: 17px; margin-top: 25px;}
.sharedRoomGallery .scrollContainer {position: absolute; left: 20px; width: 486px; /*width: 452px;*/ height: 70px; overflow: hidden;}
.sharedRoomGallery .scrollContainer ul {width: 30000px;}
.sharedRoomGallery .scrollContainer li {display: inline;}
.sharedRoomGallery .scrollContainer li.selected {}
.sharedRoomGallery .scrollContainer a {display: inline; float: left; width: 110px; margin-left: 10px;}
.sharedRoomGallery .scrollContainer li.selected a {background: #9fb1c0;}
.sharedRoomGallery .scrollContainer img {padding: 1px;}
.sharedRoomGallery .scrollContainer a:hover {background: #9fb1c0;}
.sharedRoomGallery .scrollContainer li.selected img {}

.sharedRoomGallery .roomPaginator {font-size: 8px; line-height: 8px; text-align: center; margin-top: 7px;}
.sharedRoomGallery .roomPaginator li, .sharedRoomGallery .roomPaginator li img {display: inline; line-height: 8px;}
.sharedRoomGallery .roomPaginator li img {}

.sharedView .subContent {width: 206px; color: #4f4f4f;}
.sharedView .subContent h4 {font: 12px arial, sans-serif; text-transform: uppercase; color: #9fb1c0; background: url(/version/5595/img/bg_header-gradient-blue.gif) left bottom no-repeat; padding: 6px 2px 8px;}
.sharedView .subContent h5 {font: 14px/17px arial, sans-serif; padding: 8px 0;}
.sharedView .subContent li {font: 10px/16px verdana, sans-serif; background: url(/version/5595/img/icon_bullet-sq-blue.gif) 0 6px no-repeat; padding: 0 0 0 12px;}

.sharedView .subContent fieldset {padding: 8px 0;}
.sharedView .subContent label {display: block; padding-bottom: 3px;}
.sharedView .subContent input {width: 170px;}
.sharedView .subContent .formButtons {}
.sharedView .subContent input.button {float: left; width: auto; margin-right: 17px;}
.sharedView .subContent .registerInfo {float: left; font: 10px verdana, sans-serif; color: #2c6dad; background: url(/version/5595/img/icon_arrow-blue-right.gif) 0 3px no-repeat; padding: 0 0 0 8px; margin-top: 5px;}

/* ---- */

.base {line-height: 0; background-color: #d9d8d6/*A4*/; padding: 6px; border-width: 0 5px; border-style: solid; border-color: #fff;}

/* -- footer -- */

.footer {font: 10px arial, sans-serif; color: #fff; padding: 5px 0 35px;}
.footer .widget {float: right; position: relative; width: 244px; height: 27px; text-align: right; padding-top: 7px;}
.footer .widget select {width: 155px; height: 16px; font: 10px arial, sans-serif; color: #8d8d8d; margin-top: 4px;}

.footer .widget .findOurProducts {position: absolute; bottom: 0; left: 0; width: 237px; font: 10px arial, sans-serif; text-align: left; background: #fff; border: 1px solid #bbbcc0;}
/*.footer .widget .findaDealer {display: none;}*/
.widget .findOurProducts .findaDealer {display: none; padding: 5px 10px 0;}
.open .findOurProducts .findaDealer {display: block;}
.widget .findOurProducts .findaDealer label {display: block; font: 10px arial, sans-serif; color: #333; margin-bottom: 5px;}
.widget .findOurProducts .findaDealer input {width: 60px; height: 16px; font: 10px arial, sans-serif; color: #333; vertical-align: middle;}
.widget .findOurProducts .findaDealer .button {width: auto; height: 20px; color: #fff; background: #9a7117/*A4*/; padding: 0 4px; border: none;}

.footer .widget .noTogLink {display: block; width: 204px; height: 10px; overflow: hidden; line-height: 1em; color: #808082; background: url(/version/5595/img/icon_arrow-toggle-right.gif) 10px 7px no-repeat; padding: 7px 10px 8px 23px;}
.footer .widget .toggle {display: block; width: 204px; height: 10px; overflow: hidden; line-height: 1em; color: #808082; background: url(/version/5595/img/icon_arrow-toggle-right.gif) 10px 7px no-repeat; padding: 7px 10px 8px 23px;}
.footer .open .toggle {background-image: url(/version/5595/img/icon_arrow-toggle-up.gif);}

.footer .nav {font: 10px arial, sans-serif; padding-top: 13px;}
.footer .nav p {font: 10px/1 arial, sans-serif; _padding: 5px 0; margin: 0;}
.footer ul {}
.footer ul li {float: left; line-height: 1.2; vertical-align: top; padding: 0; border-left: 1px solid #fff; margin: 0;}
.footer ul li.first {border: none;}
.footer ul li a {padding: 0 5px;}
.footer ul li.first a {padding-left: 0;}
.footer a {color: #fff;}

.home .footer, .home .footer a {color: #818181;}
.home .footer a:hover {color: #000;}
.home .footer ul li {border-left: 1px solid #818181;}
.home .footer ul li.first {border: none;}
/* -- overrides -- */

.pageContainer .noPadding {padding: 0 !important;}
.pageContainer .noBorder {border: none !important;}
.pageContainer .noMargin {margin: 0 !important;}
.pageContainer .padBot5 {padding-bottom: 5px !important;}
.pageContainer .padTop3 {padding-top: 3px !important;}

/* -- shopping list popup -- */

.popShop {width: 730px;}
.popShop #masthead {/*height: 80px;*/ background: #9fb1c0;}
.popShop #masthead #logo {margin-left: 19px;}
.popShop .titleBar {height: 34px; background: #e1e1e1; padding: 0 19px;}
.popShop .titleBar .titleImg {padding-top: 12px;}
.popShop .titleBar .printPage {float: right; width: 166px; padding-top: 4px;}
.popShop .contentContainer {border: none;}
.popShop .content {border: none;}
.popShop .mainContainer {width: 540px; background: #fff;}
.popShop .mainContainer .titles {height: 49px; color: #4f4f4f; padding: 0; border: none; margin: 20px 0 15px 18px;}
.popShop .mainContainer .titles h2 {font: 19px arial, sans-serif; text-transform: none; color: #4f4f4f; margin-bottom: 0;}
.popShop .mainContainer .titles p {font: 11px/17px verdana, sans-serif; color: #4f4f4f;}
.popShop .mainContainer .mainImg {margin: 0 7px;}
.popShop .mainContainer .colorChoices {padding: 0 2px;}
.popShop .mainContainer .colorChoices td {width: 33%; height: 59px;}
.popShop .mainContainer .colorChoices td h3 {font: bold 11px arial, sans-serif; color: #4f4f4f;}
.popShop .mainContainer .colorChoices td p {font: 11px arial, sans-serif; color: #4f4f4f;}
.popShop .mainContainer .disclaimer {font: italic 10px arial, sans-serif; color: #4f4f4f; padding: 0 0 8px; border-top: 1px solid #ccc; margin: 0 7px;}
.popShop .mainContainer .disclaimer p {font: italic 10px arial, sans-serif; padding: 8px 0;}
.popShop .subContent {width: 180px; padding-top: 84px;}
.popShop .subContent h3 {font: bold 11px arial, sans-serif; color: #4f4f4f; background: #e1e1e1; padding: 6px 9px;}
.popShop .subContent li {font: 11px arial, sans-serif; color: #4f4f4f; background: url(/version/5595/img/icon_bullet-dkgrey.gif) 0 14px no-repeat; padding: 5px 0 7px 8px; border-bottom: 1px solid #e6e6e6;}
.popShop .subContent .findaDealer {padding: 5px;}
.popShop .subContent .findaDealer label {display: block; font-size: 11px; color: #4f4f4f; margin-bottom: 5px; margin-left: 3px;}
.popShop .subContent .findaDealer input {width: 95px; height: 16px; font-size: 11px; vertical-align: middle; color: #4f4f4f;}
.popShop .subContent .findaDealer .button {width: auto; height: auto; border: none;}

/* -- site map -- */

.siteMap {padding: 0 5px 40px;}
.siteMap h2 {font: 22px arial, sans-serif; color: #95825b/*A1*/; margin: 10px;}

.siteMap ul {list-style: none; padding: 0; margin: 0;}
.siteMap ul ul {padding: 0; margin-top: 5px;}
.siteMap ul ul ul {margin-top: 0; margin-bottom: 5px;}
.siteMap li {font: 14px arial, sans-serif; color: #000; padding-left: 10px;}
.siteMap li li {font: 10px/18px verdana, sans-serif; background: url(/version/5595/img/icon_arrow-black-right.gif) 0 7px no-repeat; padding: 0 0 0 6px; margin: 0 0 0 6px;}
.siteMap li li li {background: none; padding: 0; margin: 0 0 0 10px;}
.siteMap li a {text-decoration: underline; color: #000;}

.siteMap .linkCentral {padding: 10px 0 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 10px;}
.siteMap .linkCentral li {float: left; width: 185px; overflow: hidden;}
.siteMap .linkCentral li li {float: none; width: 173px;}
.siteMap .linkCentral li li li {float: none; width: 163px;}

.siteMap .linkCentral li.col1 {width: 170px; padding-left: 0;}
.siteMap .linkCentral li.col1 li {float: none; width: 158px;}
.siteMap .linkCentral li.col1 li li {float: none; width: 148px;}
.siteMap .linkCentral li.col4 {width: 175px;}
.siteMap .linkCentral li.col4 li {float: none; width: 163px;}
.siteMap .linkCentral li.col4 li li {float: none; width: 153px;}

/* -- privacy/terms -- */

.textContent {width: 500px; padding: 0 15px 40px;}
.textContent h2 {font: 22px arial, sans-serif; color: #95825b/*A1*/; margin: 10px 0;}
.textContent h3 {font-size: 11px;}
.textContent p {line-height: 1.5; padding: 0 0 1em;}
.textContent a {text-decoration: underline; color: #333;}

/* -- MSDS popup -- */

.msdsPopup {text-align: left; background: #9FB1C0;}
.msdsPopup .pageContainer {width: 500px; background: #fff; margin: 10px;}
.msdsPopup .contentContainer {padding: 0; border: none;}
.msdsPopup .contentContainer h2 {font: 24px arial, sans-serif; color: #000;}
.msdsPopup .contentContainer p {font: 10px verdana, sans-serif; color: #333; margin: 0 0 .5em;}
.msdsPopup .contentContainer .formControl {color: #333; padding: 3px 0 5px;}
.msdsPopup .contentContainer .formControl input {height: 21px; vertical-align: middle;}
.msdsPopup .contentContainer .formControl input.button {height: auto; margin-left: 5px;}
.msdsPopup .contentContainer  {background: #E2E8ED; padding: 15px 15px 10px 13px;}
.msdsPopup .contentContainer .lower {padding: 10px 15px 12px 13px;}
.msdsPopup .contentContainer .lower .upcInfo .upcCode {float: left; width: 142px; overflow: hidden;}
.msdsPopup .contentContainer .lower .upcInfo .upcCode img {margin-left: -18px;}
.msdsPopup .contentContainer .lower .upcInfo p {padding-top: 8px; margin-left: -18px;}
.msdsPopup .contentContainer .acroLink {float: right; width: 93px; margin-left: 5px;}


.noWidth {width: auto;}

.subContent .module .inner .promoBody p a.arrow {color: #fff;text-decoration:none;}

/* Look for the Chip */
.colorChip {}
.colorChip { height:180px; clear:both; margin:0 20px; padding-bottom:10px; }
.colorChip .subContent { margin-left:10px; width: 233px; }
.colorChip p { font-size:14px; margin:9px auto; font-weight:500; }
.colorChip .lower2 { clear:both; }
.colorChip .lower2 div { float:left; border-right:1px solid #C2BEC1;margin-right:4px; width:230px; padding:0 2px; height:380px;  }
.colorChip .lower2 div.one { padding-right:4px; }
.colorChip .lower2 div.one h3, .colorChip .lower2 div.three h3 { margin-top:22px; }
.colorChip .lower2 div.three { border-right:none; width:232px; margin-left:3px; }
.colorChip .lower2 div h3 { font-size:15px; margin:5px 0; }

/* footer two row li's */
.footer ul .footerRow { display:block; height:11px; width:auto; }
.footer ul.footerHeight { height:21px; }

.shoppingList .subContent {padding-top: 0;}

.searchForm {color: #ffffff; position: absolute; top: 62px; left: 443px; width: 210px; margin: -10px 0 0 0; padding: 0;}
.searchtext, .gobutton {border: solid 1pt #ccc;}
.searchtext {border-right: none;}

.gobutton {border-left: none; top:-1px;}
#homeSearch {left: 443px;}
#homeSearchImg {margin: 1px 0 0 -7px;} 
.submitbtn {background: none; border:none; color: #fff; font: bold 8pt Arial, Helvetica, sans-serif; line-height: 14px; margin-left: -3px; _margin-left: -7px;}
.home .submitbtn {color: #777;}

/* -- link colors for National Trust link on Historic Colors pages -- */
a.nthpLink {font-size: 13px; font-weight: bold; text-decoration: underline; color: #24225c;}
a.nthpLink:hover {color: #7d7c8b;}

/* -- link for NTHP promo link on Historic Colors pages -- */
a.nthpLink2 {text-decoration: underline; color: #24225c;}
a.nthpLink2:hover {color: #7d7c8b;}

/* --- Get Video and PDF icons on product pages to sit on same line as text --*/
.vPop, .pdfFloat {float:left; padding-right:5px;}