/*
Theme Name: KMK
Theme URI: http://www.bryankwilliams.com/
Description: Custom Wordpress theme developed for www.kmkhome.com/
Version: 1.0
Author: Bryan Williams
Date: February 2010
Completely custom theme created Designed by DJ and developed by Bryan Williams || http://www.bryankwilliams.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body{
       background-color:#3A312D;
}
.site-wrapper{
	background: #f1ede4 url('images/body-bg-left.jpg') repeat-y;
}
/* --- Header Section --- */
.header-wrap{
	background: url('images/new-header.gif') no-repeat 50% 0;
	overflow:visible;
	z-index:100;
}

.header{
	/* background: url('images/header-bg.gif') no-repeat; */
	position:relative;
	height:158px;
	padding:3px 22px 0 22px;
	width:973px;
	margin:auto;
	overflow:visible;
	z-index:99;
}
.header h1 a{
	display:block;
	background: url('images/logo.gif') no-repeat;
	width:180px;
	height:89px;
	margin-top:38px;
}
.header div.login{
    position:absolute;
    top:57px;
    right:302px;
}
.header div.login p{
    width:292px;
    text-align:right;
}
.header div.login p a{
    float:none;
}
.header div.search{
	position:absolute;
	right:20px;
	top:47px;
	width:282px;
}
.header div.login a,
.header div.search a{
	padding-right:11px;
	border-right:1px solid #5d524d;
}
.header div.login a:hover{
	text-decoration:underline;
}
.header div.login a,
.header div.search form label{
	float:left;
	font-size:12px;
	color:#fff;
	margin-right:11px;
	margin-top:10px;
}
.header div.search form input{
    background: url('images/search-bg.gif') no-repeat 0 0;
	height:29px;
    line-height:29px;
	width:187px;
	float:left;
	border:0;
	margin-right:4px;	
}
.header div.search form button{
    background: url('images/search-bg.gif') no-repeat right top;
    text-indent:-999px;
    overflow:hidden;
	border:0;
	width:36px;
	height:29px;
	float:left;
}
/* --- Navbar --- */
.PeCategories{
        overflow:visible;
}
.nav{
	position:absolute;
	bottom:0;
	right:20px;
    width:815px;
    overflow:visible;   
   	z-index:97; 
}
.nav ul{
    float:right;
    overflow:visible;
	z-index:96;
}
.nav li{
	display:block;
	float:left;
	position:relative;
	z-index:94;
}
.nav li.home a{
    width:70px;
}
ul.nav li ul{
    display:none;
}
.nav ul li a{
	display:block;
	float:left;
	text-decoration:none;
	width:91px;
	line-height:41px;
	height:41px;
    background: url('images/nav-tab.gif') no-repeat 0 0;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-right:1px;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
}
.nav ul li a.current,
.nav ul li a:hover,
.nav ul li:hover a{
    background-image:none;
	background-color:#f1ede4;
	color:#392f2c;
}
.nav ul li a span{
        background: url('images/home-icon.png') no-repeat 0 -16px;
        overflow:hidden;
        text-indent:-999px;
        display:block;
        margin:13px auto;
        width:18px;
        height:16px;
}
.nav ul li a:hover span,
.nav ul li a.current span{
        background-position: 0 top;
}

.nav ul li ul{
	display:none;
	position:absolute;	
	top:41px;
	left:-1px;
	border:1px solid #3A312D;
	border-top:0;
	z-index:93;
}
.nav ul li:hover ul{
	display:block;	
}
.nav ul li ul li a{
	float:none;
	background: #f1ede4 none;
	color:#b9c33a;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	line-height:16px;
	height:auto;
	padding:6px 0;
	width:90px;
	border-bottom:1px solid #dfdbd4;
}
.nav ul li:hover ul li a:hover{
	color: #f1ede4;	
	background-color:#b9c33a;;
}
/* --- Content area --- */	
.background-wrap{
	background: url('images/body-bg-right.jpg') repeat-y center right;
}
.main-content-wrap{
	width:977px;
	padding:17px 22px 8px 22px;
	margin:auto;
	overflow:visible;
}
/* --- Sidebar --- */
.sidebar-wrap{
	background: url('images/sidebar-bottom-bg.gif') no-repeat bottom;
	float:left;
	margin-right:11px;
	overflow:visible;
	position:relative;
        padding-bottom:3px;
}
.sidebar{
	background: url('images/sidebar-top-bg.gif') no-repeat top;
	width:230px;
	padding:10px;
	overflow:visible;
	padding-top:92px;
}
.sidebar img{
	margin-top:11px;
	border:0;
}
.sidebar h2#tag {
	position:absolute;
	left:-98px;
	top:10px;
        width:320px;
        height:128px;
        background: url('images/tags-bg.png') no-repeat 0 0;
        text-indent:-9999px;
        overflow:hidden;
}
.sidebar h2#tag.JarCandles{ background-position: 0 -132px;}
.sidebar h2#tag.ReedDiffusers{ background-position: 0 -265px;}
.sidebar h2#tag.CandleWarmers{ background-position: 0 -397px;}
.sidebar h2#tag.WaxCake{ background-position: 0 -529px;}
.sidebar h2#tag.RoomSprays{ background-position: 0 -661px;}
.sidebar h2#tag.ScentedSoaps{ background-position: 0 -792px;}
.sidebar h2#tag.Clearance{ background-position: 0 -924px;}
.sidebar h2#tag.RustyPails{ background-position: 0 -1056px;}
.sidebar h2#tag.AirFresheners{ background-position: 0 -1188px;}

div#widgetshoppingcart{
       margin:11px 27px;
}
.sidebar ul{
        margin:0 27px;
}
.sidebar ul li ul{
        margin:0;
}
.sidebar ul li ul li ul{
        display:none;
}
.sidebar ul li.widget{
        border-bottom: 1px dotted #c4bdb8;
        margin-bottom:21px;
        padding-bottom:19px;
        list-style-type:none;
}
#widgetshoppingcart p,
#widgetshoppingcart a,
.sidebar ul li p,
.sidebar ul li a{
        color:#c4bdb8;
        font-size:12px;
        line-height:24px;
}
#widgetshoppingcart a,
.sidebar ul li a{
       text-decoration:underline;
}
#widgetshoppingcart table,
#widgetshoppingcart span,
.sidebar ul li table,
.sidebar ul li span{
        color:#c4bdb8;
}
#widgetshoppingcart h3,
.sidebar h5{
        color:#b9c33a;
        font-weight:bold;
        font-size:14px;
        line-height:24px;
}
li#product-tags a{
        display:block;
        font-size:12px!important;
}
div#widgetshoppingcart h3,
li#shopping-cart h5{
        line-height: 25px;
        padding-left:32px;
        margin-bottom:7px;
        background: transparent url('images/cart-icon.gif') no-repeat 0 0;
}
div#widgetshoppingcart p,
li#shopping-cart p{
        line-height:12px;
        margin-bottom:10px;
}
div#widgetshoppingcart .gocheckout a,
li#shopping-cart .gocheckout a{
        display:block;
        text-indent:-999px;
        overflow:hidden;
        cursor:pointer;
        width:79px;
        height:25px;
        float:right;
        background: transparent url('images/checkout.gif') no-repeat 0 0;
}
div#widgetshoppingcart p.widget-subtotal,
li#shopping-cart p.widget-subtotal{
        background-color:#e7e3e0;
        padding:7px 10px;
}
div#widgetshoppingcart p.widget-subtotal span,
li#shopping-cart p.widget-subtotal span{
        color:#8e8782;
}
li#latest-products br,
li#latest-products .item_image{
        display:none;
}
li#latest-products a strong{
        font-weight:normal;
}
.sidebar .wpsc_category_grid{
        display:block;
}
/* --- feature section --- */
.feature-wrap{
	margin-bottom:8px;
	background: transparent url('images/feature-bottom-bg.gif') no-repeat bottom;
    position:relative;
}
.feature{
	padding:10px;
	background: transparent url('images/feature-top-bg.gif') no-repeat top;
}
#home-rotator .feature{
	padding-bottom:0;
}
#whatsnew img{
    margin-bottom:10px;
}
#whatsnew p{
    margin-top:6px;
}
.feature h2{
	background: transparent url('images/feature-title-sprite.gif') no-repeat 0 0;
	width:370px;
	height:28px;
    margin-left:6px;
    clear:both;
}
.feature h2.JarCandles{ background-position: 0 -78px; height: 42px;}
.feature h2.AirFresheners{ background-position: 0 -38px; height: 32px;}
.feature h2.ReedDiffusers{ background-position: 0 -127px; height: 33px;}
.feature h2.CandleWarmers{ background-position: 0 -165px; height: 33px;}
.feature h2.WaxCake{ background-position: 0 -204px; height: 31px;}
.feature h2.RoomSprays{ background-position: 0 -245px; height: 33px;}
.feature h2.ScentedSoaps{ background-position: 0 -285px; height: 27px;}
.feature h2.Clearance{ background-position: 0 -333px; height: 32px;}
.feature h2.RustyPails{ background-position: 0 -379px; height: 32px;}
.feature h2.EverydayScents{ background-position: 0 -416px; height: 31px;}
.feature h2.HolidayScents{ background-position: 0 -452px; height: 27px;}
.feature h2.TwilightScents{ background-position: 0 -482px; height: 33px;}
.feature h2.oneoz3Pack{ background-position: 0 -524px; height: 30px;}
.feature h2.TwilightCollection{ background-position: 0 -554px; height: 33px;}
.feature h2.WholesaleInfo{ background-position: 0 -599px; height: 26px;}
.feature h2.ContactUs{ background-position: 0 -636px; height: 28px;}
.feature h2.AboutUs{ background-position: 0 -668px; height: 28px;}
.feature h2.CandleoftheMonth{ background-position: 0 -697px; height: 31px;}
.feature p{
	color:#fff;
	font-size:13px;
	line-height:20px;
        margin-left:6px;
}
#page .feature{
        padding:23px 10px 83px 10px;
}
#page .feature p{
        font-weight:normal;
        margin-bottom:20px;
}
#page .feature h2{
        margin-bottom:20px;
}
#page .feature h3{
        margin:0 0 4px 6px;
        color:#fff;
        font-size:18px;
}
/* --- content --- */
.about-list,
.shipping-list,
.catalog-request{
	float:left;
	margin-top:36px;
	margin-left:63px;
	display:inline;
}
.catalog-request{
	margin-left:57px;
}
.about-list h4,
.shipping-list h4,
.catalog-request h4{
	font-size:18px;
	color:#513014;
	margin-bottom:10px;
}
.about-list ul li,
.shipping-list ul li{
	list-style-position:inside;
	font-size:11px;
}
.about-list ul li a,
.shipping-list ul li a{
	color:#513014;
	text-decoration:underline;
	line-height:24px;
}
.catalog-request input[type="text"],
.wpcf7-form input[type="text"]{
	background:url('images/request-input.gif') no-repeat;
	width:261px;
	height:15px;
	border:0 none;
	line-height:15px;
	text-indent:0;
	padding:5px;
	margin-bottom:11px;
        position:relative;
}
.catalog-request .wpsb_form_label span,
.catalog-request .wpsb_form_label br,
.catalog-request input[type="radio"]{
        display:none;
}
.catalog-request button,
.catalog-request input[type="submit"],
.wpcf7-form button{
	background:url('images/request-submit.gif') no-repeat;
        border:0;
	width:81px;
	height:25px;
	border:0;
        cursor:pointer;
}
.feature .catalog-request{
        margin:0 0 0 6px;
}
.feature .catalog-request h4{
        color:#fff;
}
#page .feature p.wpsb_form_label{
         margin:0;
}
.feature .catalog-request input[type="text"],
.feature .wpcf7-form input[type="text"]{
	background-image:url('images/request-input-feature.gif');
}
.feature .catalog-request button,
.feature .wpcf7-form button{
         background-image:url('images/request-submit-feature.gif'); 
}
.wpsb_form_label input[type="text"],
.feature .wpcf7-form input[type="text"]{
         color:#c0b5b0;
         font-weight:bold;
}

div.wpcf7-mail-sent-ok {
        background-color:#C0E7B1;
        border:2px solid #398F14;
        color:#618454;
        padding:7px;
}
.social-links{
	float:right;
	width:112px;
        margin-top:164px;
}
.social-links p{
	font-size:12px;
	color:#3b312d;
	text-decoration:underline;
	margin-bottom:10px;
}
.social-links a{
	background:url('images/social-links.gif') no-repeat;
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
.social-links a.twitter {
	background-position:-41px 0;
}
.social-links a.facebook {
	background-position:-80px 0;
	margin-right:0;
}
#products_page_container div.imagecol{
        margin-right:9px;
}
#products_page_container.ScentedSoaps .last div.imagecol,
#products_page_container.CandleWarmers .last div.imagecol,
#products_page_container .last div.imagecol{
        padding-right:0;
        margin-right:0;
}
#products_page_container.ScentedSoaps .last div.imagecol,
#products_page_container.CandleWarmers .last div.imagecol{
        padding-left:2px;
}

#products_page_container.ScentedSoaps div.imagecol,
#products_page_container.CandleWarmers div.imagecol{
       margin-right:0;
       padding-right:2px;
       height:208px;
       width:177px;
}

.products{
        margin-bottom:11px;
}
#products_page_container{
        width:100%;
}
.wpsc_category_grid{
        display:none;
}
#TB_window{
        top:80px;
}
/* --- Checkout Pages --- */
table.wpsc_checkout_table td{
        padding:5px;
}
.coupon,
#coupons_amount{
        color:#c00;
}
table.productcart tr#checkout_total.total_price td {
        border-top:2px solid #000 !important;
}
/* --- Footer --- */
.footer-wrap{
	background-color:#3a312d;
}
.footer{
	width:977px;
	margin:auto;
	line-height:52px;
	height:52px;
	font-size:12px;
	color:#fff;
        padding:0 22px
}
.footer p{
	float:left;
}
.footer ul{
	float:right;
}
.footer ul li{
	float:left;
	padding-right:8px;
	margin-right:8px;
	margin-top:20px;
	border-right: 1px solid #fff;
	height:12px;
	line-height:12px;
	list-style-image:none;
}
.footer ul li ul{
        display:none;
}
.footer ul li.last{
	margin-right:0;
	padding-right:0;
	border:0;
}
.footer ul li a{
	color:#fff;
}
.footer ul li a:hover{
	text-decoration:underline;
}


.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 695px;
height: 550px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
display:none;
height:530px;!important
/*
background:url("images/feature-bottom-bg.gif") no-repeat scroll center bottom transparent;

*/
width: 695px;
}
#whatsnew .show{
  visibility: visible;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
  position:absolute;
  top:396px;
  left:17px;
  width: 350px;
  overflow: hidden;
}

ul.fadecontenttoggler{
  z-index:92;	
}
.fadecontenttoggler li{
  float: left;
  list-style-image:none;

}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
  display: block;
  height:15px;
  width:15px;
  background:transparent url(images/feature-toggle.png);
  text-indent:-999px;
  overflow:hidden;
  margin-right:5px;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a:hover,
.fadecontenttoggler a.activeSlide{ /*style for selected page's toggler link. ".selected" class auto generated! */
  background-position: center -17px;
}
/* --- single product view --- */

body.single-product{
  background: #fff none;
  padding:20px;
}
body.single-product h2.prodtitles,
body.single-product #products_page_container input.wpsc_buy_button,
body.single-product .wpsc_description,
body.single-product .wpsc_variation_forms p{
  margin-bottom:5px;
}
body.single-product h2.prodtitles,
body.single-product .wpsc_product_price{
  margin-top:5px;
}
body.single-product #idc-container{
  margin-top:0;
}