.jcarousel-skin-tango .jcarousel-container-horizontal,
.jcarousel-skin-tango .jcarousel-container-vertical,
.jcarousel-skin-tango .jcarousel-clip-horizontal,
.jcarousel-skin-tango .jcarousel-item,
.jcarousel-list li,
.jcarousel-item  {
	/*
SET THE WIDTH AND HEIGHT OF THE IMAGES HERE
*/    width: 400px;
	height: 285px;
}
#carousel img{
    display:block;
}
/*RULES USED TO HIDE EXTRA LI FROM BROWSERS WITHOUT JAVASCRIPT*/
#carousel li{
    visibility:hidden;
    position:absolute;
    z-index:-1;
}
#carousel li:first-child,
#carousel li.first-child,/*apply this class to the first li for IE6 compatibility*/
#carousel.visible li{
    visibility:visible;
    position:relative;
    z-index:auto;
}
/*RULE TO HIDE JS CONTROLS IF JS IS DISABLED*/
#carousel_controls,
#carousel_text_container{
    visibility:hidden;
    height:0;
}
#carousel_controls.visible,
#carousel_text_container.visible{
    visibility:visible;
    height:auto;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.hidden {display:none;}
.clear{clear:both;}
.burns_banner div{
	width:400px;
	overflow:hidden;
}
.burns_banner{
	width:400px;
	overflow:hidden;
}
.burns_banner ul{
    list-style:none;margin:0;padding:0;
}
.burns_banner ul li{position:absolute;z-index:-1;}
.burns_banner ul li{font-size:1.4em;padding:0;}
.burns_banner ul li:first-child,
.christmas_banner ul.visible li{position:relative;z-index:auto;}
.christmas_banner,
.christmas_banner a,
    color:#fff;
}
.burns_banner ul div{
    padding-bottom:0.8em;
}
.burns_banner p {
	font-size:1.2em;
	margin:0 0 0 0.5em;
	line-height:1.5em;
	color:#fff;
}
.burns_banner p{
	font-size:1.1em;
	margin-left:0.6em;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
}

#carousel_control_container {
	margin:0;
	clear:both;
	padding:0.5em 0 0 0.5em;
	height:30px;
	background:#D2D2D2;
	font-weight:bold;
}
#carousel_control_container *{
    font-size:0.875em;
}
#carousel_control_container * *{
    font-size:1em;
}
#carousel_control_container a,
#carousel_control_container span{
    color:#333;
    padding:0 0.5em 0 0;
}
#carousel_control_container a.selected{
    color:#fff;
}
#carousel_text_container{
    border:none;
}

#pager_control {
	margin:0;
	height:30px;
	background:#D2D2D2;
	font-weight:bold;
	width: 400px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#pager_control > a,
#pager_control > span{
    font-size:0.9em;
    color:#333;
    padding:0 0.5em 0 0;
}
#pager_control a.selected{
    color:#fff;
}
.christmas_banner{
    margin-bottom:0;
}
.lava {
	background-color: #784b54;
}
#burns-panel {
	width: 400px;
}
.promo {
	height: 80px;
}
.burns-intro {
	padding: 10px;
	width: 380px;
}