div.height6 {height:6px; width:930px; overflow:hidden;}
div.height12 {height:12px; width:930px; overflow:hidden;}
div.height35 {height:35px; width:930px; overflow:hidden;}

#Carousel {
	height:360px; background:#e7e7e7 url(../../images/grafx/bg_caruseltab.jpg);
	over-flow:hidden;
}
  
#Carousel #HeaderPnl {height:35px; width:930px; overflow:hidden;}
#Carousel #HeaderPnl .BorderLeft { float:left; height:35px; width:5px; background: url(/images/grafx/bg_caruseltab_ul_l.jpg) repeat-x; overflow:hidden; }
#Carousel #HeaderPnl .BorderRight { float:left; height:35px; width:10px; background: url(/images/grafx/bg_caruseltab_ul_r.jpg) no-repeat; overflow:hidden; }
#Carousel #HeaderPnl .Tabs { float:left; background: url(/images/grafx/bg_caruseltab_ul.jpg) repeat-x; }
#Carousel #ContenPnl .ArrowLeft { height:35px;width:80px; float:left; text-align:center; padding-top:100px; }


#Carousel .tabcontent { background: url(../../images/grafx/bg_carousel_tab.gif) no-repeat top left; height:326px; overflow:hidden; }
#Carousel .tabcontent .ArrowLeft { height:35px;width:80px; float:left; text-align:center; padding-top:100px; }
#Carousel .tabcontent .ArrowRight { height:35px;width:75px; float:left; text-align:center;padding-top:100px; }
#Carousel .tabcontent .CarouselImages { height:284px; width:770px; float:left; margin-top:-5px; }
#Carousel .CarouselNav { height:0px; padding-top:6px; clear:both;display: none;}

#Carousel .CarouselNav a { font-size:10px; }
#Carousel .CarouselNav a:hover { color: #c60105; }
#Carousel .CarouselNav .NavLeft { float:left;width:300px; text-align:right }
#Carousel .CarouselNav .NavMiddle { float:left;width:320px; text-align:center; }
#Carousel .CarouselNav .NavMiddle a { font-size:11px; }
#Carousel .CarouselNav .NavRight { float:left;width:100px; }
#Carousel .CarouselNav .NavBackNext { background:silver; padding:0px 25px; }
#Carousel .CarouselNav .NavArrow a { color:white; background:gray; padding:0px 5px; }
#Carousel .CarouselNav .NavArrow a:hover { color:#c60105; }



.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 760px; /*Width of Carousel Viewer itself*/
	height: 268px; /*Height should enough to fit largest content's height*/
	margin-left:5px;
}

.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*/
	margin: 0px; /*margin around each panel*/
	padding: 0px 0px; /*padding around each panel*/
	background: url(../../images/grafx/bg_dotted.gif) repeat-y top right;
	/*b_order-right:1px dotted silver;*/
	height:300px;
	text-align:left;
	width: 153px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}


.stepcarousel .panel a { font-weight:bold; }
.stepcarousel .panel .citmimg { height:125px; text-align:center; padding:5px 0 5px 0 ; }
.stepcarousel .panel .citmtitle { text-align:center; padding:0px 10px;}
.stepcarousel .panel .citmPrice { text-align:center; font-weight:bold;color:gray; }
.stepcarousel .panel .Exclusive { text-align:center; font-weight:bold; }


.ProductRatingPanel { margin-left:45px; }