/*
-------------------------------
Basic Div Layout
---------------------------------
*/
/*
#wrap {margin:0 auto; text-align:left;}
*/
/*#content {width:980px; margin:0 auto; padding:0; text-align:left; min-height:450px;}*/
/*
#content_wrap {margin:0 auto;}
*/
.container_clear {width:980px; margin:0 auto; height:10px;}

/*
-------------------------
Featured Slider
-------------------------
*/

.featured {background:#ccc;}

.stepcarousel{
	overflow: scroll; /*leave this value alone*/
	position: relative; /*leave this value alone*/
	width: 940px;
	height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img {margin:10px 0px 0px 10px;}

.featured_text {padding:20px 20px 0 0;}

	.featured_text h2 {text-transform:uppercase;}
	
	.featured_text h2 a {color:#333;}
	
	.featured_text p.read_more a {
		top:10px;
		height:76px;
		width:76px;
		position:relative;
		float:right;
		font-size: 12px; 
		font-weight:bold; 
		color:#fff; 
		background: url("images/go_btn.jpg") no-repeat top right;
		padding:0;}
	
	.featured_text p.read_more a:hover {		
		top:10px;
		height:76px;
		width:76px;
		position:relative;
		float:right;
		font-size: 12px; 
		font-weight:bold; 
		color:#fff; 
		background: url("images/go_btn_dwn.jpg") no-repeat top right;
		padding:0;}
/*
-------------------------
Featured Slider Navigation
-------------------------
*/

#slider_nav {color:#dddddd; padding:10px 0px 10px 0px; line-height:20px; height:20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin-top:10px; background: #000;}

#slider_nav img { vertical-align:middle;}

#slider_nav p {line-height:20px; margin:0 !important; color:#dddddd; text-align:right;}

#slider_nav a {color:#ffffff; text-decoration:none; margin:0px 10px;}

#slider_nav a img {margin: 0 5px;}


/*
-------------------------
   Featured Slideshow
-------------------------
*/
#featured-slideshow {height:310px;}

#featured-slideshow img {border:10px solid #ccc;}
/* ---------------------------------------------------------- */

/*-------------------------------
HOMEPAGE OPTIONS
-------------------------------*/

#carouselspace {margin-top:70px; clear:both;}

#homepagegrid {margin:20px auto 0px;}

#homepagegrid a {border:none; text-decoration:none;}

#homepagegrid a img {width:200px; margin:10px;}

.homepage_gridentry {background:#ccc; text-align: center; margin-top:10px; margin-bottom:10px;}

.homepage_gridentry:hover {background:#333;}

.homepage_gridentry:hover a {color:#fff;}

p.gridentry_title a {text-align:center; color:#000; font-weight:bold; font-size:14px; text-decoration:none;}

p.gridentry_title {margin:0px 10px 10px;}

#gridview-title {width: 940px;}

#gridview-title h1 {text-align: center; margin:20px 0px 20px; color:#666; /* border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0px 10px; */}


/*-------------------------------
HOMEPAGE CAROUSEL
-------------------------------*/
.infiniteCarousel {width: 960px; position: relative; float:left; left:50%; margin-left:-490px;	padding:0; background-color:#fff;
	border:10px white solid;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;top:400px;}

.infiniteCarousel .carwrapper {width: 860px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 150px; margin: 0px 50px; position: relative;top:8px;}

.infiniteCarousel ul a img {border: 5px solid #ccc;}

.infiniteCarousel .arrow {display: block; height: 36px; width: 37px; background: url("images/carousel-arrow.png") no-repeat 0 0; text-indent: -999px; position:relative; top: 37px; cursor: pointer; outline: 0;}

.infiniteCarousel .carwrapper ul {width: 840px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}

.infiniteCarousel ul li {display:block; float:left; padding-right: 26px; height: 120px; width: 120px; position:relative; top:-55px;}

.infiniteCarousel ul li img {-webkit-transition: border-color 1s; width:120px; height:120px;}

.infiniteCarousel ul:hover li:hover img {border-color: #333;}

.infiniteCarousel ul li a img {}

.infiniteCarousel .arrow {display: block; height: 36px; width: 37px; background: url("images/carousel-arrow.png") no-repeat 0 0; text-indent: -999px; position: absolute; top: 55px; cursor: pointer; outline: 0;}

.infiniteCarousel .forward {background-position: 0 0; right: 0;}

.infiniteCarousel .back {background-position: 0 -72px; left: 0;}

.infiniteCarousel .forward:hover {background-position: 0 -36px;}

.infiniteCarousel .back:hover {background-position: 0 -108px;}

#carousel {height:150px; clear:both;}

#carousel p {text-align:center; margin:3px 0px 10px 10px;}

#carousel-title h1 {text-align: center; margin:20px 0px 0px; color:#666;}

.featured_static_image {border:10px solid #ccc;}

.carousel-item {position:relative; top:55px; right:-10px; float:right; height:55px; width:55px; z-index:999;}

.carousel-sale-item {background:url(images/sale_icon.png) no-repeat top right;}

.saleprice {color:#BF3B00; font-weight:bold;}

/*
-------------------------------
HTML Tag defaults
---------------------------------

	
body { font-family: "Helvetica", Arial, Helvetica, "Lucida sans", sans-serif; font-size: 75%; line-height: 1.5em; text-align: center; padding: 0 0 30px; color:#666666; background:#000;}
*/