/* 82844/common/styles/wide/attention-data.css */
.attention-data #att-panes
{
    clear: right;
}

.attention-data div#att-panes li.first
{
	margin-bottom: 0;
}

.attention-data #att-panes,
.attention-data ol li
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    background-color: white;
}

.attention-data #att-panes p
{
    color: #e7613f;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 5px;
}

.attention-data #att-panes #att-most-commented p 
{
    padding-left: 10px;
}

.attention-data ol
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.attention-data #att-most-commented ol
{
    padding-left: 10px;
    padding-right: 10px;
}

.attention-data ol li
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: dotted;
    padding-left: 20px;
}

.attention-data div.att-toggle-pane ol li span 
{
    display: block;
    float: left;
    margin-left: -20px;
    text-indent: 0;
}

.attention-data ol li.more-most-viewed
{
    padding-left: 0;
    width: auto;
}

.attention-data div#att-latest li
{
    padding-left: 0;
    clear: left;
}

.attention-data div#att-latest li.first
{
    border-top: 0;
}

.attention-data div#att-latest a img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#promo .attention-data .capsule
{
    border: none;
    background-color: white;
}

.attention-data #most-viewed,
#promo div.att-toggle
{
    margin-bottom: 0;
}

div#promo .attention-data
{
	clear: left;
	border-color: #d3d3d3;
	margin-bottom: 20px;
}

#promo .attention-data .capsule
{
    padding-bottom: 0;
}

/* new grid overrides */
.three-five-four-grid .attention-data
{
    border-top: none;
    padding: 0;
    background-color: #ededed;
}

.three-five-four-grid .attention-data .hd
{
    padding-bottom: 5px;
}

.three-five-four-grid  .attention-data h3
{
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 0;
}

.three-five-four-grid #att-panes
{
    clear: right;
}

/* 82844/common/styles/wide/carousel.css */
.carousel h3
{
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 1.25;
}

.carousel .hd
{
	border-bottom: 1px solid #858585;
}

.carousel-navigation
{
	float: right; 
	margin-right: 15px;
}

.carousel-navigation p
{
	height: 26px; 
	float: left; 
	width: 25px;
	cursor: pointer;
}

.carousel-navigation span
{
	display: none;
}

.carousel .prev
{
	background: url("http://static.guim.co.uk/static/82844/common/styles/wide//images/Left_ArrowsEnvShopping.gif") 50% 50% no-repeat;
}

.carousel .next
{
	background: url("http://static.guim.co.uk/static/82844/common/styles/wide//images/RightArrowsEnvShopping.gif") 50% 50% no-repeat;
}

.carousel .prev:hover
{
	background: url("http://static.guim.co.uk/static/82844/common/styles/wide//images/Left_ArrowsCarouselShopping_hi.gif") 50% 50% no-repeat;
}

.carousel .next:hover
{
	background: url("http://static.guim.co.uk/static/82844/common/styles/wide//images/RightArrowsCarouselShopping_hi.gif") 50% 50% no-repeat;
}

.carousel li.two-col
{
    margin-right: 0;
}

.carousel ul li 
{
	float: left;
}

.carousel .bd img,
.carousel div.mask
{
	margin-top: 10px;
}

.carousel .ft
{
    border-top: 1px solid #999;
    padding-top: 2px;
    clear: left;
}