/*
	name:   	Carousels wide and short, By2, By4, By5
	files:  	carousels.css
*/
.carousel
{
    clear: both;
    width: 990px;
    overflow: auto;
    position: relative;
    background: url(../images/content_box1_top.gif) no-repeat top left;
	padding-top:4px;
    margin-bottom: 16px;
	z-index:0;
}
.carousel .box
{
    margin-top: 12px;
    overflow: auto;
    padding: 0 16px 16px 16px;
    background: url(../images/content_box1_btm.gif) no-repeat bottom left;
    width:958px;
}
.carousel .title
{
    float: left;
	width: 100%;
    margin-bottom: 16px;
	display: inline;
}
.carousel .title h2.header
{
    font-size: 23px;
    line-height: 23px;
    font-weight: normal;
    text-transform: none;
}
.carousel .infiniteCarousel
{
	float: left;
    margin-left: 37px;
	/*width: 895px;* JS control the wide, so it's not need */
	display: inline;
}
/* ***************************************
/* *  Carousel by 2 specific styles
/* ***************************************/
div#main div.carousel.by2 .infiniteCarousel ul li
{
    float: left;
    margin: 0 12px 0 0;
    padding: 0px;
    width: 437px;
	display: block;
}
div#main div.carousel.by2 .infiniteCarousel ul li img.itemImg
{
	float: left;
    width: 221px;
    height: 221px;
    margin: 0;
    padding: 0;
	display: inline;
}
div#main div.carousel.by2 .infiniteCarousel ul li h2
{
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
div#main div.carousel.by2 .arrowforwardby2
{
    position: absolute;
    height: 27px;
    width: 27px;
    top: 150px;
    right: 16px;
    padding: 0px;
    text-indent: -999px;
    border: 0;
    z-index: 500;
    cursor: pointer;
    background: url(../images/content_box_slide_right_off.gif) no-repeat top left;
}
div#main div.carousel.by2 .arrowbackby2
{
    position: absolute;
    height: 27px;
    width: 27px;
    top: 150px;
    left: 16px;
    padding: 0px;
    border: 0;
    text-indent: -999px;
    z-index: 500;
    cursor: pointer;
    background: url(../images/content_box_slide_left_off.gif) no-repeat top left;
}
div#main div.carousel.by2 .arrowforwardby2:hover
{
    background: url(../images/content_box_slide_right_on.gif) no-repeat top left;
}
div#main div.carousel.by2 .arrowbackby2:hover
{
    background: url(../images/content_box_slide_left_on.gif) no-repeat top left;
}
div#main div.carousel.by2 .infiniteCarousel div.info
{
    float: left;
    line-height: 1.5em;
    width: 200px;
    margin: 0 0 0 16px;
	display: inline;
}
div#main div.carousel.by2 .infiniteCarousel div.info p.story
{
    font-size: 13px;
    line-height: 1.5em;
    padding: 0;
    margin: 0 0 6px 0;
}

/* ***************************************
/* *  Carousel by 4 specific styles
/* ***************************************/
.carousel.by4 .infiniteCarousel ul li
{
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	width: 202px;
	display: block;
}

.carousel.by4 .arrowforwardby4
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 150px;
	right: 16px;
	text-indent: -999px;
	border: none;
	margin: 0px;
	padding: 0px;
	z-index: 500;
	cursor: pointer;
	background: url(../images/content_box_slide_right_off.gif) no-repeat top left;
}
.carousel.by4 .arrowbackby4
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 150px;
	left: 16px;
	border: none;
	text-indent: -999px;
	cursor: pointer;
	background: url(../images/content_box_slide_left_off.gif) no-repeat top left;
}

.carousel.by4 .arrowforwardby4:hover
{
	background: url(../images/content_box_slide_right_on.gif) no-repeat top left;
}
.carousel.by4 .arrowbackby4:hover
{
	background: url(../images/content_box_slide_left_on.gif) no-repeat top left;
}
/* ------------It's not need ----
.carousel.by4 .shoplink
{
	display: inline;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}
.carousel.by4 .infiniteCarousel .story .text
{
	font-size: 14px;
	line-height: 14px;
	padding: 0px;
	margin: 0px 10px 13px 0px;
}

/* ***************************************
/* *  Carousel by 4 Short specific styles
/* ***************************************/
.carouselShort.by4{
	clear: both;
    width: 792px;
    overflow: auto;
    position: relative;
    background: url(../images/content_box2_top.gif) no-repeat left top;
	padding-top: 4px;
    margin-bottom: 16px;
}
.carouselShort.by4 .box{
	margin-top: 12px;
	padding: 0 16px 16px 16px;
	background: url(../images/content_box2_btm.gif) no-repeat left bottom;
	width:760px;
	overflow:auto;
}
.carouselShort.by4 .infiniteCarousel
{
	float:left;
	/*width: 760px;*/
    margin-left: 37px;
    display:inline;
}
.carouselShort.by4 .title
{
    float: left;
    padding-bottom: 12px;
	display: inline;
}
.carouselShort.by4 .title h2.header
{
    display: inline;
    font-size: 23px;
    line-height: 23px;
    font-weight: normal;
    text-transform: none;
    padding-right: 30px;
}
.carouselShort.by4 .infiniteCarousel ul li
{
	float: left;
	margin: 0 26px 0 0;
	padding: 0;
	width: 152px;
	display: inline;
}
.carouselShort.by4 .infiniteCarousel ul li dl{
	margin: 0;
	padding: 0;
	width: 152px;
}
.carouselShort.by4 .infiniteCarousel ul li dt, .carouselShort.by4 .infiniteCarousel ul li dd{
	margin: 0;
	padding: 0;
}
.carouselShort.by4 .infiniteCarousel ul li img{
	width: 150px;
	height: 150px;
}
.carouselShort.by4 .infiniteCarousel ul li a{
	margin: 0;
	padding: 0;
	border: 0;
}
.carouselShort.by4 .arrowforwardby4_short
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 120px;
	right: 16px;
	text-indent: -999px;
	border: none;
	margin: 0;
	padding: 0;
	z-index: 500;
	cursor: pointer;
	background: url(../images/content_box_slide_right_off.gif) no-repeat top left;
}
.carouselShort.by4 .arrowbackby4_short
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 120px;
	left: 16px;
	border: none;
	text-indent: -999px;
	cursor: pointer;
	background: url(../images/content_box_slide_left_off.gif) no-repeat top left;
}

.carouselShort.by4 .arrowforwardby4:hover
{
	background: url(../images/content_box_slide_right_on.gif) no-repeat top left;
}
.carouselShort.by4 .arrowbackby4:hover
{
	background: url(../images/content_box_slide_left_on.gif) no-repeat top left;
}
.carouselShort.by4.shoplink
{
	display: inline;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}
.clearboth
{
	clear: both;
}
.carouselShort.by4 .infiniteCarousel .story .text
{
	font-size: 14px;
	line-height: 14px;
	padding: 0px;
	margin: 0px 10px 13px 0px;
}
.carouselShort.by4 .priceblock p{
	font-size: 0.9em;
}

/* ************************************
		Item Styles
   ************************************ */
div#main div.carousel.by4 dl.item a
{
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
div#main div.carousel.by4 dl.item
{
	width: 202px;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}
div#main div.carousel.by4 dl.item dt
{
	overflow: hidden;
	height: 202px;
}
div#main div.carousel.by4 dl.item p, div#main div.carousel.by4 dl.item a
{
	margin: 0px;
}
div#main div.carousel.by4 dl.item dt a img
{
	padding: 0px;
	height: 200px;
	width: 200px;
	margin: 0px;
}
div#main div.carousel.by4 dl.item dd
{
	margin: 0;
	padding: 0;
}
div#main div.carousel.by4 dl.item a.name
{
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	display: block;
}

/* ***************************************
/* *  Carousel by 5 specific styles
/* ***************************************/
div#main div.carousel.by5 .infiniteCarousel ul li
{
	
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	width: 157px;
	display: block;
}

div#main div.carousel.by5 .box .arrowforwardby5
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 120px;
	right: 16px;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	background: url(../images/content_box_slide_right_off.gif) no-repeat top left;
	z-index:500;
}
div#main div.carousel.by5 .box .arrowbackby5
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 120px;
	left: 16px;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	background: url(../images/content_box_slide_left_off.gif) no-repeat top left;
	z-index:500;
}

div#main div.carousel.by5 .arrowforwardby5:hover
{
	background: url(../images/content_box_slide_right_on.gif) no-repeat top left;
}
div#main div.carousel.by5 .arrowbackby5:hover
{
	background: url(../images/content_box_slide_left_on.gif) no-repeat top left;
}
div#main div.carousel.by5 .shoplink
{
	display: inline;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}

/* ************************************
		Item Styles
   ************************************ */
div#main div.carousel.by5 dl.item a
{
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
div#main div.carousel.by5 dl.item
{
	
	float: left;
	width: 157px;
	border: 0px;
	padding: 0;
	margin: 0;
	display: inline;
}
div#main div.carousel.by5 dl.item dt
{
	overflow: hidden;
	height: 157px;
}
div#main div.carousel.by5 dl.item p, divdiv#main div.carousel.by5 dl.item a
{
	margin: 0px;
}
div#main div.carousel.by5 dl.item dt a img
{
	padding: 0px;
	height: 155px;
	width: 155px;
	margin: 0px;
}
div#main div.carousel.by5 dl.item dd
{
	margin: 0;
	padding: 0;
}
div#main div.carousel.by5 dl.item a.name
{
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	display: block;
}

/*
	name:   	Shop Theme Carousel By6
*/
.shopthemecarousel, .shopthemecarouselcatg
{
	float: left;
	width: 792px;
	background: url(../images/content_box2_top.gif) no-repeat top left;
	position: relative;
	margin-bottom: 16px;
	padding-top: 4px;
	display: inline;

}
.shopthemecarousel .box, .shopthemecarouselcatg .box
{
	float: left;
	margin-top: 12px;
	padding: 0 16px 16px 16px;
	background: url(../images/content_box2_btm.gif) no-repeat bottom left;
	width:760px;
	display: inline;
}
.shopthemecarousel .title, .shopthemecarouselcatg .title
{
	padding-bottom: 10px;
	width: 100%;
}
.shopthemecarousel .title h2, .shopthemecarouselcatg .title h2
{
	font-size: 23px;
	line-height: 23px;
	font-weight: normal;
}
.shopthemecarousel p.story, .shopthemecarouselcatg p.story
{
    margin: 0 0 12px 0;
}
.shopthemecarousel .infiniteCarousel, .shopthemecarouselcatg .infiniteCarousel
{
	float: left;
	margin-left: 34px;
	display: inline;
}
.shopthemecarousel .infiniteCarousel ul li,  .shopthemecarouselcatg .infiniteCarousel ul li
{
	float: left;
	margin: 0 16px 0 0;
	padding: 0;
	width: 102px;
	display: block;
}

.shopthemecarousel .arrowforwardby6, .shopthemecarouselcatg .arrowforwardby6
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 140px;
	right: 16px;
	overflow: none;
	text-indent: -999px;
	border: none;
	margin: 0px;
	padding: 0px;
	z-index: 500;
	cursor: pointer;
	background: url(../images/content_box_slide_right_off.gif) no-repeat top left;
}
.shopthemecarousel .arrowbackby6, .shopthemecarouselcatg .arrowbackby6
{
	position: absolute;
	height: 27px;
	width: 27px;
	top: 140px;
	left: 16px;
	border: none;
	text-indent: -999px;
	cursor: pointer;
	background: url(../images/content_box_slide_left_off.gif) no-repeat top left;
}

.shopthemecarousel .arrowforwardby6:hover, , .shopthemecarouselcatg .arrowforwardby6:hover
{
	background: url(../images/content_box_slide_right_on.gif) no-repeat top left;
}
.shopthemecarousel .arrowbackby6:hover, .shopthemecarouselcatg .arrowbackby6:hover
{
	background: url(../images/content_box_slide_left_on.gif) no-repeat top left;
}
/* ------------It's not need ----
.shopthemecarousel .shoplink, .shopthemecarouselcatg .shoplink
{
	display: inline;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}
div.shopthemecarousel dl.item img.knockout, div.shopthemecarouselcatg dl.item img.knockout
{
    border: none;
}
------------- */
.shopthemecarousel  p, .shopthemecarouselcatg p
{
    clear: both;
    float: left;
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px;
	margin: 0 0 12px 0;
	width:760px;
	display:inline;
}
/* ************************************
		Item Styles
   ************************************ */
div.shopthemecarousel dl.item a, div.shopthemecarouselcatg dl.item a
{
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
div.shopthemecarousel dl.item, div.shopthemecarouselcatg dl.item
{
	float: left;
	width: 102px;
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}
div.shopthemecarousel dl.item dt, div.shopthemecarouselcatg dl.item dt
{
	overflow: hidden;
	height: 102px;
}
div.shopthemecarousel dl.item p, div.shopthemecarousel dl.item a, div.shopthemecarouselcatg dl.item p, div.shopthemecarouselcatg dl.item a
{
	margin: 0px;
	display: block;
}
div.shopthemecarousel dl.item img, div.shopthemecarouselcatg dl.item img
{
	/*border: solid 1px #AAAAAA  pale gray or border gray */;
	padding: 0px;
	height: 100px;
	width: 100px;
	margin: 0px;
}
div.shopthemecarousel dl.item dd, div.shopthemecarouselcatg dl.item dd
{
	margin: 0;
	padding: 0;
}
div.shopthemecarousel dl.item a.name, div.shopthemecarouselcatg dl.item a.name
{
	font-size: 10px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0;
	display: block;
}