/*
Title 	: CSS for Simple Carousel with Paging Using Mootools
Author 	: Nikhil Kunder
Date 	: 2008/09/12
Version : 1.0
    moocarousel_v1.0.js & carousel.css  is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 	Lesser General Public License for more details.
*/

@charset "utf-8";
/* CSS Document */
body{ }
.clearfix{clear:both;display:block;}
.text{ color:#555555; clear:both; line-height:12px;}
	.text a{color:#ccc}

/* carousel css*/
.sprite_icon{background:url(../images/sprite_carousel_icons.jpg) no-repeat;   }
.carousel_container_l, .carousel_container_r{display:block; margin:50px 0 0 0 ; position: relative;width: 26px;height:26px; float:left; cursor:pointer; } 
.carousel_container_r{background-position: 0 -26px; margin-left:7px; behavior: url("css/iepngfix.htc")} 
.carousel_container_l{background-position: 0 0px; margin-left:7px; behavior: url("css/iepngfix.htc") } 

/* carousal 1*/
#carousel1_container{ width:979px; float:left; background-image: url(../images/carouselBg.jpg);background-color:#2A2A2A; background-repeat: repeat-x; background-position: left top; }
#carousel1_wrapper{overflow:hidden;margin: 0 2px; width:900px; position: relative; float:left;}
#carousel1_items_container{margin:0px; padding:0px 2px; width:5000px;position: relative; text-align:center;  }
.carousel1_items{ width:150px; height:160px;  margin:5px 5px; position:relative;float:left; text-align:center; overflow:hidden;}
.carousel1_items img{ margin:2px; height:90px;}

	.bathroomCat{border:3px solid #4AA6C0}
			.bathroomCat:hover{ border:3px solid #79BDD0 }
	.heatingCat{ border:3px solid #DE1E2C}
			.heatingCat:hover{ border:3px solid #F06A6D }
	.plasticsCat{ border:3px solid #A1DE1E}
			.plasticsCat:hover{ border:3px solid #CBEE82 }
	.plumbingCat{ border:3px solid #8A1EDE}
			.plumbingCat:hover{ border:3px solid #B571EC }
	.clearanceCat{ border:3px solid #FF6611 }
			.clearanceCat:hover{ border:3px solid #FF9F6C }
	.specialsCat{ border:3px solid #A60328}
			.specialsCat:hover{ border:3px solid #FB1146 }

/* carousal Items - outline category controls*/

.blueBathrooms{border:2px solid #4AA6C0}
.redHeating{border:2px solid #DE1E2C}
.greenPlastics{border:2px solid #A1DE1E}
.purplePlumbing{border:2px solid #8A1EDE}
.orangeClearance{border:2px solid #FF7704}
.darkredSpecials{border:2px solid #84011F}

.carousel1_items img:hover{opacity:1.0;filter:alpha(opacity=100)}

#carousel1_container h3{ letter-spacing:-0.05em; color:#fff; font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; font-weight: normal; padding:0px; margin:0px; margin-top:8px; margin-bottom:10px; padding-left:10px;}
		#carousel1_container em{color:#164957}
		
		.carouselImgWrapper{width:150px; height:110px; text-align:center; margin:0px auto;}