﻿/*
Theme Name: Kitchen Plus
Theme URI: http://www.kitchenplus.com/
Description: Kitchen Plus Website.
Version:
Author: eben Design
Author URI: http://www.ebendesign.com/
*/

/* Reset global properties */
* { margin: 0px; padding: 0px; }
html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6, h7 { display: inline; }
/* Basic HTML tags */
a { color: #666666; }
#middle a { font-weight: bold; }
#top-nav a, #bottom a { color: #645a50; }
#top-nav a { padding: 0 3px; }
#footer a { color: #000000; }
a:hover, #middle a:hover { text-decoration: underline; }
a:focus { outline: none; }
a:active { outline: none; }
p { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; padding-bottom: 1em; line-height:1.7; }
h1 { font-weight: normal; font-size: 22px; margin: 0px; padding:0 0 1em 0; display:block; line-height:1.5; }
h2 { font-weight: normal; font-size: 18px; color:#326763; margin: 0px; padding:0 0 .5em 0; display:block; line-height:1.5; }
h1.logo { padding:0 0 0 0; }
table td { font-size: 12px; line-height:1.7; vertical-align: top; padding: 5px; }
.logo a { text-indent:-9999em; width: 379px; height: 108px; background: url(images/KitchenPlus_LOGObig.gif) no-repeat; display:block; margin: auto; padding: 0;}
.left { float: left; }
.right { float: right; }
#footer .right { text-align: right; }
/* Start Website in Sequence */
#locator {position:absolute; visibility:show; left: 100px; top: 300px; z-index:2} 
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #4e4c4c; background: #666666 url(images/bkrnd.jpg) no-repeat center top; }
#wrapper { width: 1024px; margin: auto; margin-top: 20px; }
#container { width: 968px; margin: auto; padding: 0 23px; background:#f5f2ef; }
#visit-search { padding-top: 7px; width: 968px; margin: auto; height: 25px; }
#top-nav { text-align:center; color:#d8d6cf; font-size:11px; width:600px; margin:auto; float:  left; padding-top: 4px; }
#top { margin-top: 26px; background: url(images/locations-new.gif) no-repeat 796px 10px;  }
#header { width: 968px; height: 159px; margin-top:25px; }
#middle { }
#middle-interior { background: url(images/bkrnd_middle-interior.gif) 0 0 repeat-y; margin: 25px 0 17px 0; }
#middle-interior-nosidebar { margin: 25px 0 17px 0; }
#sidebar { float: left; width: 172px; }
#sidebar ul { list-style: none; padding: 0px; margin: 0;}
#sidebar ul li { float: none; margin: 0; padding: 0; text-transform:uppercase; }
#sidebar ul li li { text-transform:none; }
#sidebar ul li ul { background: #757575 url(images/bkrnd_ul.gif) repeat-x center bottom; }
#sidebar ul li ul ul { background-image: none; }
#sidebar li a { width: auto; height: auto; .height: 15px; width: 142px; padding: 10px 15px; margin: 0; font-size: 11px; font-weight:bold; display:block; }
#sidebar ul li a { color: #ffffff; }
#sidebar li a:hover, #sidebar li.current_page_item a { background: #BEBEBC; text-decoration: none; }
#content { float: left; width: 498px; padding-left: 28px; }
#content ul { width: 97%; margin: 0 auto 1em auto; padding: 0; }
#content ul li { float: none; margin: 0.5em 0 0.5em 2em; line-height: 1.25em; list-style: square; font-size: 12px; }
#content-full { float: right; width: 670px; padding-right: 28px; }
#our-promise { padding: 10px; background-color:#d8d6cf; }
#gallery { padding: 10px; background-color:#d8d6cf; font-weight: bold; text-align: center; margin-bottom: 15px; font-size: 11px; }
#middle-interior #start-today { width:218px; }
#start-today { float:right; width:247px; background: url(images/title_start-today.gif) 0 0 no-repeat; padding-top:43px; }
#start-today-interior { width:227px; background: #f5f2ef url(images/title_start-today.gif) 12px 30px no-repeat; padding:70px 10px 10px 10px; }
#start-today li, #start-today-interior li { text-align:center; width:218px; float: none; }
#start-today li.call-now, #start-today-interior li.call-now { margin-top:11px; }
#start-today li.cards, #start-today-interior li.cards { margin-top:16px; }
#why-start { background: url(images/bkrnd_why-start.gif) 0 0 no-repeat; width: 967px; height: 205px; margin-top: 24px; }
#why-choose-kitchen-plus { float:left; width:675px; background: url(images/title_why-choose-kitchen-plus.gif) 0 0 no-repeat; padding:64px 0 0 22px; }
#why-choose-kitchen-plus ul { margin-right: 35px; float:left; position: relative; }
#why-choose-kitchen-plus ul.last { margin-right: 0px; }
#why-choose-kitchen-plus li { list-style: square; float: none; font-size:12px; margin:0 0 0 1.5em; padding-top:5px; width: 110px; }
#why-choose-kitchen-plus li.link { list-style: none; margin:0 0 0 0; position: absolute; top: 100px; }
#everything-your-home-needs { width: 967px; padding: 27px 0 30px 0; }
#video { padding: 5px 0 0px 0; float: right; width:275px; text-align:center; }
#bottom { border-top:solid #dcd8d1 1px; padding: 15px 0; color:#d8d6cf; font-size:11px; }
#links { float:left; width:565px; }
#links-main { font-size:12px; margin: 23px 0 10px 0; }
#links-main a { color:#000; font-weight:bold; }
#proud-members { float:right; width:400px; background: url(images/proud-members/bkrnd_proud-members.gif) no-repeat 18px 0; }
#proud-members li { float:right; margin-left: 15px; }
#footer { margin: auto; color: #000000; width: 967px; padding: 22px 0; }
#footer .site-by, #footer .site-by a { color: #000000; margin-top: 11px; }
/* Start Nav */
#nav { height: 34px; margin-top: 30px; position: relative; z-index: 99; }
#jsddm li a { display: block; height: 34px; text-indent: -9999px; margin: 0; padding: 0; }
#jsddm li { float: left; margin: 0; padding: 0; list-style: none; }
#jsddm li a:hover, #jsddm li a.active { background-position: 0 -34px; }
#jsddm { margin: 0; padding: 0; }
#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 99; }
#jsddm li ul li { float: none; margin: 0; padding: 0; width: 220px; background: #8f8e8e; }
#jsddm li ul li a { width: auto; color: #ffffff; text-indent: 0px; height: auto; .height: 15px; padding: 10px 15px; margin: 0; font-size: 11px; font-weight:bold; display:block; }
#jsddm li ul li a:hover { background: #bebebc; text-decoration: none; }
.kitchen { width: 143px; background: url(images/nav/kitchen.gif) 0 0 no-repeat; }
.bathroom { width: 171px; background: url(images/nav/bathroom.gif) 0 0 no-repeat; }
.renovation { width: 183px; background: url(images/nav/renovation.gif) 0 0 no-repeat; }
.free-consultation { width: 251px; background: url(images/nav/free-consultation.gif) 0 0 no-repeat; }
.current-special { width: 219px; background: url(images/nav/current-special.gif) 0 0 no-repeat; }
ul { list-style: none; padding: 0px; margin: 0; }
li { float: left; position: relative; text-align: left; }
/* Start Forms */
input, textarea { border: 1px solid #e5e1d4; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; font-size: 10px; color:#999999; }
input { height: 19px; }
table.consultation td, table.form td { padding: 5px 0px 5px 2px; }
table.consultation td label { display: block; height: 8px; .height: auto; }
table.consultation .noborder input { border: none; background-color: #f5f2ef; }
table.consultation input.input { width: 150px; }
table.consultation input.street { width: 300px; }
table.consultation input.city, form.consultation input.email { width: 165px; }
table.consultation input.state { width: 40px; }
table.consultation input.zip { width: 70px; }
table.consultation input.submit, table.form td input.submit { background-color: #8EBE3F; color:#666666; height:26px; font-size:12px; }
table.map td { padding: 5px 0px; }
input.search_input { width: 145px; padding: 3px 0 0 5px; height: 18px; margin:0; float: right; }
input.go { width: 28px; height: 23px; background: url(images/btn_go.gif) 0 0 no-repeat; border: none; padding: 0px; float: right; margin-left:5px; }
/* Rotator */
#rotatorWrapper { width: 968px; height: 339px; position: relative; margin-top:5px; overflow: hidden; }
#rotator { width: 968px; height: 339px; z-index: 10; overflow: hidden; }
#rotatorNav { position: absolute; z-index: 15; right: 29px; top: 73px; }
#rotatorNav a { display: block; float: left; padding: 0 4px; margin: 2px 0 1px 3px; background: #ebe7e0; color: #56544d; position: relative; }
#rotatorNav a.activeSlide { background: #b4ada1; }
.rotatorContainer { width: 968px; height: 339px; overflow: hidden; }
/* Tabs */
#tabs-container { margin-top: 27px; }
UL.tabNavigation { list-style: none; margin: 0; padding: 0; display: block; }
UL.tabNavigation LI { display: inline; margin: 0; padding: 0; list-style: none; float:left;}
UL.tabNavigation LI A { float:left; height: 29px; display:block; border-right: 1px solid #b5b2ad; border-left: 1px solid #f1eee7; background: url(images/tabs/bkrnd_tab.gif) repeat-x top; color:#60554a; padding: 20px 14px 0 13px; font-size:15px;}
UL.tabNavigation LI A.selected,  UL.tabNavigation LI A:hover { background: url(images/tabs/bkrnd_tab_up.gif) repeat-x top; color:#1d1812; text-decoration: none; }
UL.tabNavigation LI A:focus { outline: 0; }
div.tabs > div { display: block; }
#first, #second, #third, #fourth, #fifth, #sixth { border-left: 1px solid #f1eee7; display: block; background: #5e584f url(images/tabs/bkrnd_tabdiv.gif) repeat-x top; padding: 0; width: 968px; float:left;  }
#tabs-container .tabs-content { width: 432px; height: 230px; background: url(images/tabs/bkrnd_cabinets.jpg) no-repeat top left; padding: 53px 0 0 263px; float: left; }
#tabs-container .tabs-sidebar { width: 190px; background: #aca499; float: right; padding: 10px 15px; margin: 15px 15px 15px 0;  }
#tabs-container .tabs-content p, #tabs-container .tabs-content h1 { color:#f5f2ef; }
#tabs-container .tabs-sidebar ul { margin:0 0 0 1.5em; }
#tabs-container .tabs-sidebar li { list-style: square; float: none; font-size:12px; margin:0; padding-top:5px; }
/* Sitemap */
.ddsg-wrapper h2 { display:none; }
.ddsg-wrapper ul { list-style: none; padding: 0px; margin: 0; margin-left: 15px; font-size: 12px; }
.ddsg-wrapper li { list-style-type:disc; float: none; position: relative; text-align: left; }
.ddsg-wrapper li li { list-style-type:circle; }
.ddsg-wrapper li li li { list-style-type:square; }
.ddsg-xml-link { margin-top:15px; }
/* Start Blog */
#blog-posts { width: 545px; float: left; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
small { font-size: 10px; line-height: 14px; }
.postmetadata { font-size: 11px; color: #333333; }
.postline { border-bottom: dotted #666666 1px; padding-bottom: 5px; }
.date { font-size: 11px; color: #333333; }
.postmetadata a { color: #ED1C24; text-decoration: none; }
.entrywrapper { padding-bottom: 5px; }
.entry { text-align: left; line-height: 1.5em; margin-top: -1px; }
.entry p a:active, .entry p a:hover { text-decoration: none; }
.post { margin: 0 0 10px 0; text-align: justify; }
.clear { clear: both; }
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Clear Fix Code */
.ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .ClearFix { height:1%; }
/* WinIE6 and below */
* html .ClearFix { height:1%; }

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/

