@import "lightbox.css";

html, body {
    height: 100%;
}


body {
	margin:0;
	font:10pt Arial, Helvetica, sans-serif;
	background:#fff url(/images/kk_background.gif) repeat-y;
}

#page {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #page {
    height: auto;
}
	
a:link {
	color:#00883E;
}

a:visited {
	color:#015B29;
}

#header {
	width:800px;
	height:124px;
	background:url(/images/kk_hdr_bottom-tile.png) no-repeat left bottom;
}

	#header div {
		height:121px;
		background:url(/images/kk_hdr_landscape.jpg) no-repeat 302px;
		
	}
	
		#header div h1 {
			margin:0;
			width:302px;
			height:121px;
			background:url(/images/kk_hdr_logo.gif) no-repeat;
		}
			
			#header div a {
				display:block;
				width:302px;
				height:121px;
			}	
		
			#header div h1 span {
				display:none;
			}
	
#container {
	width:623px;
	position:relative;
	padding-left:177px;
}

	#content {
		padding-top:50px;
		padding-left:25px;
		background:url(/images/kk_container_bg-tile.gif) repeat-x;
		width:578px;
		padding-bottom:65px;
		padding-right:20px;
	}
		h2 {
			margin:-25px 0 25px 0;
		}
	
		h2 span {
			display:none;
		}
		
		h3 {
			font-size:1.2em;
			color:#333;
			margin:1.1em 0 1.1em 0;
			border-bottom:1px solid #ccc;
		}

		/* header images */
		
		.hdr-about-us {
			background:url(/images/hdrs/about-us.gif) no-repeat;
			width:137px;
			height:25px;
		}
		
		.hdr-our-guarantee {
			background:url(/images/hdrs/our-guarantee.gif) no-repeat;
			width:236px;
			height:25px;
		}
		
		.hdr-advantages {
			background:url(/images/hdrs/advantages.gif) no-repeat;
			width:236px;
			height:31px;
		}
		
		.hdr-faq {
			background:url(/images/hdrs/faq.gif) no-repeat;
			width:423px;
			height:31px;
		}
		
		.hdr-staff {
			background:url(/images/hdrs/staff.gif) no-repeat;
			width:267px;
			height:31px;
		}
		
		.hdr-contact-us {
			background:url(/images/hdrs/contact-us.gif) no-repeat;
			width:171px;
			height:25px;
		}
		
		.hdr-landscape-edging {
			/* background:url(/images/hdrs/landscape-edging.gif) no-repeat; */
			background:url(/images/edgingHeadline.gif) no-repeat;
			width:221px;
			height:32px;
		}
		
		.hdr-commercial-edging {
			background:url(/images/hdrs/commercial-edging.gif) no-repeat;
			width:307px;
			height:32px;
		}
		
		.hdr-driving-list {
			background:url(/images/hdrs/driving-list.gif) no-repeat;
			width:156px;
			height:32px;
		}
		
		.hdr-photo-gallery {
			background:url(/images/hdrs/photo-gallery.gif) no-repeat;
			width:208px;
			height:30px;
		}
		
		.hdr-additional-services {
			background:url(/images/hdrs/additional-services.gif) no-repeat;
			width:292px;
			height:26px;
		}

		.clear {
			width: 100%;
			height: 0;
			line-height:0;
			clear: both;
			overflow: hidden;
		}
		
		.advantages {
			margin:0;
			padding:0;
			list-style:none;
		}
		
			.advantages li {
				background:url(/images/checkmark.gif) no-repeat left 20%;
				padding-left:35px;
				padding-bottom:15px;
			}

		.faq {
			margin:0;
			padding:0;
			list-style:none;
		}
		
			.faq li {
				background:url(/images/comment.gif) no-repeat left 5%;
				padding-left:30px;
				padding-bottom:15px;
				font-weight:bold;
			}
			
			.faq li span {
				padding:8px;
				display:block;
				font-weight:normal;
				color:#333;
			}
		
		ul.fade_div_list {
			margin:0;
			padding:0;
		}
		
			ul.fade_div_list li {
				list-style:none;
				background:url(/images/grey-fade-div.gif) bottom left no-repeat;
				padding:4px;
			}
			
				ul.fade_div_list li a, ul.fade_div_list li a:visited {
					display:block;
					padding:6px 0 6px 0;
					color:#333;
					text-decoration:none;
					font-weight:bold;
				}
				
				ul.fade_div_list li a:hover {
					text-decoration:underline;
				}
				
				ul.fade_div_list li span {
					display:block;
					padding-left:12px;
					padding-bottom:6px;
					color:#666;
					font-size:0.9em;
				}
				
		ul.color_list {
			margin:0;
			padding:0;
			margin-top:6px;
		}
		
			ul.color_list li {
				list-style:none;
				background:url(/images/grey-fade-div-r.gif) bottom left no-repeat;
				padding:4px;
			}
			
				ul.color_list li a.selected { font-weight:bold; }
			
				ul.color_list li.last {
					background:none;
				}
			
				ul.color_list li a, ul.color_list li a:visited {
					background:#ccc url(/images/kk_white-bg-space.gif) 0 repeat-x;
					display:block;
					padding:4px 0 4px 30px;
					color:#333;
					text-decoration:none;
				}
				
				ul.color_list li a span {
					display: block;
					float: right;
					width: 2.5em;
					text-align: right;
				}
				
				ul.color_list li a:hover {
					text-decoration:underline;
				}
		
		.left_column {
			float:left;
			width:49%;
			clear:none;
		}
		
			.left_column p,.left_column h3 {
				margin-top:0;
			}
		
		.right_column {
			float:right;
			width:49%;
			clear:none;
		}
		
			.right_column p,.right_column h3 {
				margin-top:0;
			}
		
		.widget {
			border:1px solid #ccc;
			padding:0 5px 5px 5px;
			margin:0 0 1.25em 0;
			font-size:0.9em;
		}
		
			.widget h4 {
				border-bottom: 1px solid #ccc;
				padding: 5px;
				background: #f2f2f2;
				margin: 0 -5px 5px -5px;
				font-size:1.1em;
			}
			
		.enlarge_photo { width:275px }
			.enlarge_photo img {
				padding-bottom:18px;
				margin-bottom:5px;
				background:url(/images/click-to-enlarge.gif) right bottom no-repeat;
			}
		
			.enlarge_photo span {
				background:url(/images/enlarge-photo_caption.gif) left bottom no-repeat;
				display:block;
				margin-top:7px;
				font-size:0.9em;
				padding:9px;
				padding-bottom:12px;
			}	
			
		.disclaimer {
			color:#666;
			font-size:0.8em;
		}
		
		a.go_to_gallery, a.go_to_gallery:visited {
			display:block;
			background: url(/images/ico/images.gif) left center no-repeat;
			padding:5px 5px 5px 25px;
			color:#000;
		}
		
		a.print, a.print:visited {
			display:block;
			background: url(/images/ico/printer.gif) left center no-repeat;
			padding:5px 5px 5px 25px;
			color:#000;
		}
		
		#color_detail h4 {
			margin-top:0;
			font-size:1.2em;
		}
		
			#color_detail div.color_swatch {
				padding:3px;
				border:1px solid #999;
			}
			
			#color_detail div.color_swatch span {
				display:block;
				width:100%;
				height:70px;
			}
			
		#tabs {
			position:relative;
			background: url(/images/kk_tab_border.gif) bottom repeat-x;
			width:100%;
			float:left;
			clear:none;
		}
			#tabs span {
				position:absolute;
				right:5px;
				bottom:8px;
				display:block;
				font-size:0.8em;
			}
		
			#tabs ul {
				margin:0;
				padding:0;
				padding-left:5px;
				list-style:none;
				float:left;	
			}
			
				#tabs ul li {
					float:left;
					margin: 0 1px 0 0;
					padding: 0 5px 0 0;
					background: url(/images/kk_tabs-bg.png) 100% -100px;
					border-bottom: 1px solid #bbb;
					text-align:center;
				}
				
				#tabs li.selected {
					border-bottom: 1px solid #fff;
					background: url(/images/kk_tabs-bg.png) 100% 0;
				}
				
					#tabs li.selected a {
						background: url(/images/kk_tabs-bg.png) 0 0;
					}
				
				#tabs ul li a {
					display:block;
					float:left;
					color:#333;
					text-decoration:none;
					padding: 5px 11px 5px 16px;
					background: url(/images/kk_tabs-bg.png) 0 -100px;
				}
		
		.color_tabs ul li a {
			padding-left:8px !important;
		}
		
		#photo_gallery_viewport {
			height:0;
			clear:both;
		}
		
		#photo_gallery div.viewport {
			margin-top:10px;
			float:left;
		}
		
		#photo_gallery div.photo {
			float:left;
			line-height:0;
			padding:0 4px 8px 4px;
		}
		
			#photo_gallery div.photo a span {
				display:block;
				padding:2px;
				border:1px solid #ccc;
			}
			
			#photo_gallery div.photo a:hover span {
				padding:2px;
				border:1px solid #666;
			}
			
		#admin_photo_features {
			
		}
		
			#admin_photo_features ul.admin_options {
				margin:0 0 20px 0;
				padding:5px;
				border:1px solid #EF7575;
				background-color:#FEE8E8;
				float:left;
				list-style:none;
			}
			
				#admin_photo_features ul.admin_options li {
					float:left;
				}
				
				#admin_photo_features ul.admin_options li a {
					display:block;
					padding-right:15px;
					color:#000;
				}
				
				#admin_photo_features ul.admin_options li a.last {
					padding:0;
				}
				
				#admin_photo_features span.edit_photo {
					font-size:0.8em;
					margin:10px 0px 8px 4px;
					display:block;
					text-align:right;
				}
				
					#admin_photo_features span.edit_photo a {
						color:#000;
					}
			
		.tblOutline  {
			border-collapse: collapse;
			border: 1px solid #ccc;
		}
		
		.tblOutline td,.tblOutline th {
			border: 1px solid #ccc;
		}
		
		.tblOutline th {
			background-color:#F2F2F2;
			color:#000;
			vertical-align:text-top;
		}
				
	#sidebar {
		position:absolute;
		left:0;
		top:0;
		width:177px;
		padding-top:20px;
		background:url(/images/kk_sidebar-top-gradient.gif) no-repeat;
	}			
		#sidebar ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#sidebar ul li {
				margin:2px 0;
				background:url(/images/kk_nav-li.gif) no-repeat;
			}
			
			#sidebar ul li a {
				display:block;
				height:29px;
				padding-left:23px; /* 23, michael jordan */
				color:#D9ED76;
				text-decoration:none;
			}
			
				#sidebar ul li a span {
					display:block;
					text-indent:-6000px;
				}
			
				#sidebar ul li a.about_kwik_kerb {
					background:url(/images/nav/about-kwik-kerb.gif) no-repeat 20px 6px;
				}
				
				#sidebar ul li a.landscape_edging {
					/* background:url(/images/nav/landscape-edging.gif) no-repeat 20px 6px; */
					 background:url(/images/concreteSideBtn.jpg) 22px 10px no-repeat;
				}
				
				#sidebar ul li a.commercial_edging {
					background:url(/images/nav/commercial-edging.gif) no-repeat 20px 7px;
				}
				
				#sidebar ul li a.advantages {
					background:url(/images/nav/advantages.gif) no-repeat 20px 7px;
				}				
				
				#sidebar ul li a.photo_gallery {
					background:url(/images/nav/photo-gallery.gif) no-repeat 20px 6px;
				}
				
				#sidebar ul li a.additional_services {
					background:url(/images/nav/additional-services.gif) no-repeat 20px 9px;
				}
				
				#sidebar ul li a.faq {
					background:url(/images/nav/faq.gif) no-repeat 20px 6px;
				}
				
				#sidebar ul li a.contact_us {
					background:url(/images/nav/contact-us.gif) no-repeat 20px 8px;
				}

			#sidebar ul li.first {
				margin-top:0;
				background:url(/images/kk_nav-li-first.gif) no-repeat;
			}
			
			.sub-nav {
				margin-top:-2px;
				width:100% !important;
				background:url(/images/kk_sub-nav_background.gif) no-repeat;
				padding:8px 0px 12px 20px;
			}
				.sub-nav ul li {
					background:none !important;
					display:inline;
				}
				
					.sub-nav ul li a {
						width:auto !important;
						height:auto !important;
						color:#fff !important;
						font-size:1em !important;
						padding:3px;
						background:url(/images/kk_sub-nav_bullet.gif) no-repeat;
						background-position:10px center;
					}
	#footer {
		position: absolute;
		bottom: 0;
		padding:7px;
		margin-left:177px;
		color:#666;
		font-size:0.85em;
		width:575px;
		padding-left:25px;
	}
		
.err {
	padding:6px;
	border:1px solid #EF7575;
	margin:15px 0 15px 0;
	background:#FEE8E8;
	font-size:0.9em;
}

/* =Form stylings
----------------------------*/
form.contact_form {
	margin:0;
	padding:0;
	color: #333;
	font-size:0.9em;
}

form.contact_form fieldset { margin-bottom: 10px; }
	
form.contact_form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	padding-left: 0;
}
	
form.contact_form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 130px; /* width of labels */
	padding-right:8px;
}


form.contact_form fieldset {
	padding:0;
	border: none;
	background:url(/images/kk_contact-form-bg.gif) bottom left repeat-x;
}
	
form.contact_form fieldset li {
	padding: 5px 10px 7px;
	border-bottom:1px solid #DDDDDD;
}

form.contact_form fieldset ol {
	margin: 0;
	padding: 0;
}
	
form.contact_form fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
	
form.contact_form fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	padding:0;
	background:none;
}
	
form.contact_form fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	color:#000;
}
	
form.contact_form fieldset fieldset label {
	display: block;
	width: auto;
	margin-left: 141px; /* Width plus 3 (html space) */
}

form.contact_form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	font-size:1.4em;
	line-height:1em;
}

.form-error {
	border:1px solid #EF7575 !important;
	background-color:#FEE8E8;
}

	.form-error label {
		background:url(/images/ico/exclamation.gif) right center no-repeat;	
	}

/*\*//*/ form.contact_form legend { display: inline-block; } /* IE Mac legend fix */
#search_options {
	float:left;
	width:100%;
	padding-bottom:10px;
	background:url(/images/kk_contact-form-bg.gif) left 10% repeat-x;
	border-bottom:1px solid #bbb;
}


#search_options form {
	margin:0;
	padding:0;
	color: #333;
	font-size:0.8em;
}

#search_options form fieldset {
	margin:0;
	padding:6px;
	border: none;
}
	
#search_options form label {
	display: block;
	line-height: 1.8;
	vertical-align: top;
	font-weight:bold;
}

#search_options ol {
	padding:0;
	margin:0;
	list-style:none;
}

	#search_options ol li {
		padding-right:6px;
		float:left;
	}	
	
#search_options span {
	padding-right:6px;
	display:block;
	float:right;
}

/* driving list cards */
.driveby_address {
	height:105px;
	width:260px;
	float:left;
	clear:none;
	font-size:0.95em;
	border:1px solid #ccc;
	margin:2px;
	padding:5px;
	background-color:#fff;
	background:url('/images/contact_card_bg.gif') repeat-x;
}

.drive_list_printout {
	display:none;
}