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

/************************************** Temp*************************************************/
#bannerWrapper {
	float:left;
	width:1000px;
	}
	
#smallAdsWrapper {
	float:left;
	width:200px;
	}
	
#bannerWrapper {
	float:left;
	width:1000px;
	}

/************************************** End Temp*************************************************/

#enterText {
	line-height:17px;
	height:17px;
	}


/************************************** Slider *************************************************/
#slider {
	width: 1000px;
	/*border: 1px solid #666;*/
	height: 328px;
}
.slides {
	width: 1000px;
	height: 328px;
}
.slide-control{
	width: 1000px;
	border-top: 1px solid #666;
	height: 21px;
	background: url("../images/slide_control_bg.gif") repeat-x 0 0 #999;
	
}
/****************************************** End Slider ***********************************************/

/****************************************** Sale Items ***********************************************/
#sale-items {
	width: 978px;
	border: 1px solid #666;
	border-top: none;
	height: 139px;
	padding: 10px;
	background: url("../images/promo-bg.gif") repeat-x 0 0 #ff9933;
}
.sale-item {
	width: 319px;
	height: 137px;
	float: left;
	display: inline;
}
.promo-divider {
	width: 10px;
	background: url("../images/head-divider.png") no-repeat center center transparent;
	float: left;
	height: 137px;
}
#sale-items img{
	border: none;
	float: left;
	margin-left: 5px;
}
#sale-items a{
	color: #333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 5px 0 0.4em 0;
	font-size: 16px;
	float: right;
	line-height: 1.2em;
	font-weight: bold;
	width: 180px;
	display: inline;
}
#sale-items em {
	color: #333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	text-align: right;
	float: right;
	display: inline;
	width: 180px;
	padding: 0 12px 5px 0;
}
#sale-items p {
	color: #333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	text-align: right;
	padding: 15px 12px 0 0;
	font-weight: bold;
	float: right;
	display: inline;
}
#sale-items a.add-button {
	text-indent: -9999px;
	text-align: left;
	float: right;
	width: 134px;
	height: 28px;
	background: url("../images/add-sprite.png") no-repeat 0px 0px transparent;
	margin-top: 0;
}
#sale-items a.add-button:hover {
	background-position: 0px -30px;	
	text-decoration: none;
}
#sale-items a.learn-button {
	float: right;
	width: 134px;
	height: 28px;
	background: url("../images/learn-sprite.png") no-repeat 0px 0px transparent;
	text-indent: -9999px;
	text-align: left;
	margin-top: 0;
}
#sale-items a.learn-button:hover {
	background-position: 0px -30px;
	text-decoration: none;
}
#sale-items a.sale-button {
	float: right;
	width: 134px;
	height: 28px;
	background: url("../images/sale-sprite.png") no-repeat 0px 0px transparent;
	text-indent: -9999px;
	text-align: left;
	margin-top: 0;
}
#sale-items a.sale-button:hover {
	background-position: 0px -30px;
	text-decoration: none;
}
/**************************************** End Sale Items *********************************************/

/**************************************** Homepage News **********************************************/
#homepage-news {
	width: 978px;
	height: 450px;
	padding: 10px;
	border: 1px solid #666;
	border-top: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	background: #ccc; /* for non-css3 browsers */
	float:left;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #ccc); /* for firefox 3.6+ */
}
#homepage-news h3{
	color: #333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-indent: 50px;
	padding: 10px 10px 10px 0;
	height: 16px;
	margin: 5px 10px 10px;
	font-size: 14px;
}
#homepage-news p {
	color: #333;
	margin: 10px;
}
/********************************* Just Added ****************************************/
.just-added {
	display: inline;
	float: left;
	height: 260px;
	width: 630px;
	padding: 10px;
	border: 1px solid #666;
	margin-bottom: 10px;
	margin-right: 10px;
	background: url("../images/just-added-bg.gif") repeat-x 0 0 #999;
	-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for firefox 3.6+ */
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for webkit browsers */
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.just-added h3 {
	background: url("../images/tag.png") no-repeat left center transparent;
}
.added {
	width: 200px;
	height: 200px;
	display: inline;
	float: left;
	padding: 5px;
}
.added img {
	border: 1px solid #666;
	padding: 0 26px;
	background-color: #FFF;
	-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for firefox 3.6+ */
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for webkit browsers */
}
.added img:hover {
	border: 2px solid #FF9933;
	height: 143px;
}
.added a.img {
	margin: 0 0;
	padding: 0 0;
	border: none;
}
.added em {
	float: left;
	display: inline;
	margin: 0 10px;
	color: #555;
}
.added strong {
	float: right;
	display: inline;
	text-align: right;
	margin: 0 10px;
	font-weight: bold;
}
.added a {
	color: #333;
    font-size:14px;
    font-weight:normal;
    width:180px; /* In case product is extra really long */
    overflow:hidden; /* In case product is extra really long */
	height: 50px;
	text-align: left;
}
.added a:hover {
	text-decoration: underline;
	color: #000;
}
.added h5 {
	margin: 5px 10px 10px;
}
/******************************* End Just Added **************************************/

/************************************ Feed *******************************************/
.feed {
	height: 428px;
	padding: 10px;
	border: 1px solid #444;
	width: 294px;
	float: right;
	display: inline;
	background: url("../images/rss-feed-bg.gif") repeat-x 0 0 #999;
	-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for firefox 3.6+ */
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for webkit browsers */
}
.feed h3 {
	background: url("../images/cal.png") no-repeat left center transparent;
}
.feed .post {
	height: 110px;
	padding: 6px 0 10px;
	background: url("../images/feed-divider.png") no-repeat center 122px transparent;
}
.feed .post .post-top {
	height: 50px;
	padding: 10px;
}
.feed .post-top .date {
	position:relative;
	bottom:9px;
	

}



.feed .post .thumb {
	height: 50px;
	width: 50px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
.feed .post p.excerpt {
	font-size: 9pt;
	line-height: 12pt;
	/*font-style: italic;*/
	clear: both;
	padding:0px;
	margin:0px;
	position:relative;
	bottom:15px;

}
.feed .post h2 {

	color: #333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;

	margin: 0;
	font-size: 12px;
	line-height: 17px;
	width: 210px;
	display: inline;
}
.feed a.rss-feed {
	float: right;
	display: inline;
	padding: 15px 15px 0 0;
}

/********************************** End Feed *****************************************/

/****************************** News Container ***************************************/
.news-container{
	height: 136px;
	width:299px;
	padding: 10px;
	margin-right: 10px;
	border: 1px solid #666;
	float: left;
	display: inline;
	background: url("../images/newsblock-bg.gif") repeat-x 0 0 #999;
	-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for firefox 3.6+ */
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for webkit browsers */
}
.news-container h3 {
	background: url("../images/tag.png") no-repeat 0 0 transparent;
}
.news-container a.button {
	background: url("../images/findoutmore.png") no-repeat 0 0 transparent;
	width: 134px;
	height: 28px;
	float: right;
	text-indent: -9999px;
	margin-top: 10px;
	margin-right: 10px;
}
.news-container a.button:hover {
	background-position: 0px -30px;	
}

/**************************** End News Containers *************************************/
/****************************** Newsletter ***************************************/

.newsletter-container{
	height: 136px;
	width:299px;
	padding: 10px;
	margin-right: 10px;
	border: 1px solid #666;
	float: left;
	display: inline;
	background: url("../images/newsblock-bg.gif") repeat-x 0 0 #999;
	-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for firefox 3.6+ */
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* for webkit browsers */
}
.newsletter-container h3 {
	background: url("../images/subscribe.png") no-repeat 0 0 transparent;
}
.newsletter-container form {
	margin-top: 10px;
	float: right;
	display: inline;
	width: 289px;
	padding: 0 5px;
}
.newsletter-container input.input-text{
	height: 22px;
	margin-top: 0;
	margin-right:3px;
	width: 185px;
	float: left;
	display: inline;
}
#submitBTN {
	background: url("../images/btn_submit_mini.png") no-repeat 0 0 transparent;
	width: 80px;
	height: 28px;
	text-indent: -9999px;
	
	display: inline;

	margin:0 0 0 13px;
}
#submitBTN:hover {
	background-position: 0px -30px;	
}

/**************************** End Newsletter *************************************/

/************************************** End Homepage News ********************************************/
#indexWrapper {
	float:left;
	width:1000px;
	margin-top:20px;
	border-top: 1px solid #666;
}
#midSectionWrapper {
	float:left;
	width:996px;
	margin-top:30px;
	background-image:url(../images/index/category_fade.gif);
	background-repeat:repeat-x;
	border: 1px solid #CCCCCC;
}
#shopByCat {
display:inline;
	float:left;
	width:565px;
	padding-bottom:25px;
}
#shopByCatText {
display:inline;
	float:left;
	margin-top:30px;
	margin-left:35px;
	margin-bottom:15px;
	width:250px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #ED8216;
	text-decoration: none;
}

#shopByCatText2 {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #ED8216;
	text-decoration: none;
		margin-bottom:15px;
	}


.miniAdLeft h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #ED8216;
	text-decoration: none;
			margin-bottom:15px;
	}
	
.categoryOptions a {

	float:left;
	background-image:url(../images/index/category_dull.gif);
	background-repeat:no-repeat;

	width:500px;
	height:49px;
	margin-left:25px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	color: #353535;
	text-decoration: none;
	text-align:left;

}

.categoryOptions a:hover {

	background-image:url(../images/index/category.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	color: #353535;
	text-decoration: none;
}

.categoryText {
	margin-left:65px;
	line-height:49px;
	} 

#indexDivider {
	float:left;
	height:300px;
	width:2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	margin-top:25px;
}

#indexDivider2 {
	float:left;
	height:150px;
	width:2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	margin-top:20px;
}
#aboutKleinTools {
	float:left;
	width:365px;
	margin-left:35px;
}

.horizDivider {
	float:left;
	height:11px;
	width:1000px;
	background-image:url(../images/index/horiz_divider.gif);
	background-repeat:repeat-x;
	margin-top:35px;
	}
	
#bottomSectionWrapper {
	float:left;
	width:996px;
	margin-top:30px;
	background-image:url(../images/index/category_fade.gif);
	background-repeat:repeat-x;
	border: 1px solid #CCCCCC;
	padding-bottom:20px;
}

.miniAdLeft {
display:inline;
	float:left;
	width:475px;
	margin-top:15px;
	margin-left:25px;

	margin-right:38px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:10px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	}
	
.miniAdRight {
	float:left;
	margin-top:19px;
	margin-left:25px;
	}
