@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }

a {
	color: #48182c;
	font-weight: bold;
	} a:hover { color: #9d6e81 !important; }
	
p {
	margin-bottom: 1em;
	}

img { 
	border: 0;
	}
	
select {
	}
	option {
		padding-right: 1em;
		}
	
blockquote {
	margin-left: 4em;
	margin-right: 4em;
	}

body {
	background: #c7c7c7 url(../images/kccabinets/backdrop.png) 0px 0px repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}
	
.clearFloat {
	clear: both;
	float: none;
	}
	
.pdfLink {
	margin-top: 1em;
	}
	.pdfLink li {
		list-style: none;
		float: left;
		width: 50%;
		font-weight: bold;
		}
	.pdfLink a {
		padding-left: 24px;
		background: url(../images/pdf-tiny-icon.gif) left top no-repeat;
		line-height: 18px;
		display: block;
		}
		
.rightImg {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}

#site {
	width: 765px; /* 765px */
	overflow: hidden;
	margin: 5px auto;
	background: white;
	color: black;
	border: 1px solid black;
	border-top: none;
	}
	
	#header {
		height: 56px;
		overflow: hidden;
		background: url(../images/kccabinets/header.png) 0px 0px no-repeat;
		/* Make sure there isn't spacing between elements in the header */
		line-height: 0;
		font-size: 0;
		}
		#header img, #header a {
			border: none;
			}
		#brandLogo, #frenchLink {
			display: inline;
			float: left;
			margin: 0; padding: 0; border: 0;
			}
			#frenchLink span { display: none; }
			#frenchLink a {
				background: url(../images/kccabinets/frenchlink.gif) 0px 0px no-repeat;
				width: 72px;
				height: 56px;
				display: block;
				} #frenchLink a:hover { background: url(../images/kccabinets/frenchlink-hover.gif); }
			
	#navigation {
		background: #5f4b16 url(../images/kccabinets/navigation.gif) 0px 0px no-repeat;
		overflow: hidden;
		/* Make sure there isn't spacing between elements in the header */
		line-height: 0;
		font-size: 0;
		list-style: none;
		padding-left: 108px;
		}
		#navigation li {
			display: inline;
			float: left;
			}
			#navigation a {
				height: 23px;
				display: block;
				color: white;
				}	
			#navigation span {
				display: none;
				}			
			#navigation #why a {
				background: url(../images/kccabinets/why.gif) 0px 0px no-repeat;
				width: 137px;
				} #navigation #why a:hover { background: none; }
			#navigation #cabinets a {
				background: url(../images/kccabinets/cabinets.gif) 0px 0px no-repeat;
				width: 117px;
				} #navigation #cabinets a:hover { background: none; }
			#navigation #vanity a {
				background: url(../images/kccabinets/vanity.gif) 0px 0px no-repeat;
				width: 76px;
				} #navigation #vanity a:hover { background: none; }
			#navigation #downloads a {
				background: url(../images/kccabinets/downloads.gif) 0px 0px no-repeat;
				width: 94px;
				} #navigation #downloads a:hover { background: none; }
			#navigation #faq a {
				background: url(../images/kccabinets/faq.gif) 0px 0px no-repeat;
				width: 47px;
				} #navigation #faq a:hover { background: none; }
			#navigation #dealers a {
				background: url(../images/kccabinets/dealers.gif) 0px 0px no-repeat;
				width: 110px;
				} #navigation #dealers a:hover { background: none; }
			#navigation #contact a {
				background: url(../images/kccabinets/contact.gif) 0px 0px no-repeat;
				width: 76px;
				} #navigation #contact a:hover { background: none; }
		
	#flashVideo {
		border-top: 4px solid #aea420;
		height: 408px;
		overflow: hidden;
		margin-bottom: 11px;
		clear: both;
		float: none;
		}
		
	#homeContent {
		background: url(../images/kccabinets/home-beige.gif) 0px 50px no-repeat;
		margin-bottom: 15px;
		padding-top: 0;
		margin-top: 0;
		}
		#thumbnails {
			width: 378px; /* 378px */
			height: 278px; /* 279px */
			overflow: hidden;
			background: url(../images/kccabinets/thumbnails.gif) 0px 0px no-repeat;
			float: left;
			font-weight: bold;
			margin-top: 0;
			font-size: 11px;
			}
			#thumbKitchen, #thumbVanity {
				height: 100px;
				margin: 25px 21px;
				display: block;
				}
			.thumbText { 
				padding-top: 32px; 
				float: right; 
				display: block; 
				width: 200px;
				}
			#thumbnails img { float: left; }
				#thumbKitchen {
					background: url(../images/kccabinets/browse-kitchen-back.gif) 0px 0px no-repeat;
					}
				#thumbVanity {
					background: url(../images/kccabinets/browse-vanity-back.gif) 0px 0px no-repeat;
					}
			.browseLink a {
				background: url(../images/kccabinets/right-arrow-btn.gif) left 50% no-repeat !important;
				padding-left: 20px !important;
				color: #48182c !important;
				} .browseLink a:hover { color: #9d6e81 !important; }
		#howDoI {
			width: 357px; /* 387px */
			overflow: hidden;
			float: right;
			padding: 0px 15px;
			background: url(../images/kccabinets/how-do-i-back.jpg) 0px 0px no-repeat;
			}
		#howDoI .lifestyleImage {
			float: right;
			margin-bottom: 10px;
			}
		#howDoI .descriptionImage, #howDoISelector {
			margin-left: 15px;
			}
		#howDoISelector {
			width: 150px; 
			}
		#howDoIButton {
			display: none;
			margin-left: 15px;
			}
		#howDoIQuestionLinks {
			display: none;
			width: 285px;
			margin: 15px;
			margin-top: 18px;
			border: 1px solid #cccccc;
			padding: 15px;
			padding-left: 30px;
			} #howDoIQuestionLinks li { margin-bottom: 1.5em; }
		#sponsorAd {
			width: 328px; /* 356px */
			height: 56px; /* 72px */
			clear: both;
			float: none;
			display: block;
			overflow: hidden;
			background: url(../images/kccabinets/sponsor-dealer-locator.gif) 0px 0px no-repeat;
			padding-top: 16px;
			padding-left: 14px;
			padding-right: 14px;
			font-size: 10px;
			font-weight: bold;
			margin-top: 10px;
			}
			
	#subPageHeader {
		width: 765px; /* 765px */
		height: 203px; /* 203px */
		overflow: hidden;
		}
	#subPageContent {
		background: url(../images/kccabinets/subpage-content-back.png) 0px 0px repeat-y;
		margin-bottom: 20px;
		}

		#subPageContent #pageNavigation {
			background: url(../images/kccabinets/subPageNavigation.png) 0px 0px no-repeat;
			width: 133px; /* 173px */
			overflow: hidden;
			float: left;
			padding: 30px 20px;
			font-family: Arial, Helvetica, sans-serif;
			}
			.navigationHeader { 
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif; 
				font-size: 13px;
				text-transform: uppercase;
				color: #281e04;
				display: block;
				margin-bottom: 1em;
				}
			#pageNavigation li {
				list-style: none;
				padding-left: 15px;
				background: url(../images/kccabinets/plus-dkbrown.gif) left 4px no-repeat;
				font-weight: bold;
				} #pageNavigation a { color: black; text-decoration: none; }
				#selectedNavigation {
					background: url(../images/kccabinets/plus-ltbrown.gif) left 4px no-repeat !important;
					} #selectedNavigation a { color: #666666 !important; }
		#subPageContent #mainContent {
			width: 538px; /* 538px */
			margin-left: 28px;
			float: left;
			margin-top: 30px;
			}
			#mainContent h1, #mainContent h2, #mainContent h3 { clear: both; float: none; font-family: Arial, Helvetica, sans-serif; color: #4b3905; display: block; }
			#mainContent h1 { font-size: 24px; }
			#mainContent h1, #mainContent p { margin-left: 12px; }
			#mainContent h3 { text-align: center; border-bottom: 1px solid #4b3905; margin: 1em 2.5em; text-transform: uppercase; clear: both; float: none; color: #333333 !important; }
			#mainContent p { line-height: 1.5em; }
			#mainContent .thumbnailImg { 
				float: left; 
				text-align: center; 
				width: 94px; /* 94px */
				height: 112px; /* 122px */ 
				margin: 12px 6px; 
				}
			#mainContent .thumbnailImg img { display: block; background: url(../images/kccabinets/thumb-no-image.png) 0px 0px no-repeat; }
			#mainContent ol, #mainContent ul { margin-left: 3em; } #mainContent li { margin-bottom: 1em; }
			.setOfThumbnails { margin-left: 5px; }
			.sectionDivider { border: none; border-top: 1px solid black; margin: 25px 15px; }
			
			.kitchenTabContent {
				width: 540px; 
				height: 406px;
				overflow: hidden;
				}
			#kitchenConstructionTabList, #vanityConstructionTabList {
				margin: 0px !important;
				}
			.kitchenConstructionMap {
				float: right;
				width: 256px;
				}
			.constructionPoints, .constructionPoints li {
				height: 406px;
				overflow: hidden;
				margin: 0 !important;
				padding: 0;
				}
				.constructionPoints img {
					margin: 0 !important;
					padding: 0 !important;
					}
				.constructionPoints p {
					padding-left: 15px;
					}
			#lifetimeWarrantyLogo {
				margin: 35px;
				}
			#kitchenConstructionWarranty ul, #vanityConstructionWarranty ul {
				list-style: none;
				margin-left: 1em !important;
				}
			#kitchenGallery hr, #kitchenConstruction hr, #vanityConstruction hr {
				background: url(../images/kccabinets/gallery-hr.png) 0px 0px no-repeat;
				margin: 0px;
				padding: 0px;
				height: 10px;
				border: none;
				}			
			#kitchenGalleryFeatureMap {
				width: 256px;
				height: 406px;
				float: right;
				}
			#kitchenFeatureZoom {
				width: 282px; /* 284 */
				height: 406px ; /* 285 */
				}
			.kitchenFeature {
				display: none;
				}
				#kitchenFeatureZoom ul {
					padding-left: 1em !important;
					}
			#kitchenGalleryFinishes, #kitchenGalleryFinishes ul, #kitchenGalleryFinishes li {
					margin: 0;
					padding: 0;
				}
			#finishImage { float: right; }
			#listOfFinishes {
				display: block;
				height: 300px;
				overflow: hidden;
				margin-top: 50px !important;
				} #listOfFinishes li { margin-left: 100px; list-style: none; }
			#finishSwatches {
				clear: both;
				float: none;
				border-top: 1px solid black;
				background: url(../images/kccabinets/finishes-sel-back.png) left bottom no-repeat !important;
				margin-left: 33px;
				margin-right: 33px;
				padding-left: 107px;
				padding-top: 14px;
				display: block;
				height: 24px;
				overflow: hidden;
				}
			#finishSwatches li {
				list-style: none;
				float: left;
				width: 28px;
				height: 23px;
				margin-right: 5px;
				}

			#dealerLocator, #contactForm {
				width: 100%;
				margin-left: 10px;
				}
			#contactDetails {
				margin-top: 2em;
				}
				#dealerLocator label, #contactForm label {
					font-weight: bold;
					}
				#dealerLocator label {
					width: 250px;
					display: block;
					}
				#dealerLocator input, #dealerLocator select {
					width: 230px;
					}
				#contactForm input, #contactForm select {
					width: 200px;
					}
				#dealerLocator #submitButton, #contactForm #submitButton {
					display: block;
					width: 75px;
					margin-top: 1em;
					}
		#howAnswers li {
			margin-bottom: 15px;
			clear: both;
			float: none;
			}
		#howAnswers img {
			margin-right: 15px;
			margin-left: 15px;
			margin-bottom: 15px;
			float: right;
			}
		#contactDetails p {
			}
		
	#footer {
		clear: both;
		float: none;
		height: 40px; /* 53px */
		overflow: hidden;
		background: #48182c;
		font-weight: bold;
		font-size: 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding-top: 13px;
		line-height: 1em;
		color: white;
		}
		#footer a {
			color: white;
			}