/*
**
**	should be common css that doesn't change, but needs checking
**
*/
/********************************************************
* Base: Reset fonts and level the playing field
********************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
body{font-size:68.75%;font-family:arial,helvetica,clean,sans-serif;color:#3f4551;background:#FFF;}
fieldset,img{border:0;}
ol, ul {list-style: none;}
 
 
 
 
 
#container	{width:618px; height:258px; text-align:left; margin-top:6px; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/*\*/.clearfix {display:block;}/**/
a			{color:#C30511; text-decoration:none;}
a:hover		{color:#C30511; text-decoration:none;}
div.sidePanel	{margin-left:15px;}
 
/************************************************************
* Themed Promotion Panels
************************************************************/
.themedPromotion			{overflow:hidden; position:relative; margin-bottom:10px; top:-4px;}
.themedPromotionControls	{position:absolute; top:0px; left:0;  width:280px; height:30px; background:transparent url(../img/publicidad/bg_indicatorHolder_3.png) /****cambiar imagen en 0 - _5.png - _7.png****/ no-repeat 30px 4px; z-index:2; _background-image: url(../img/publicidad/bg_indicatorHolder.gif);}
.twoItems .themedPromotionControls	{background-image:url(../img/publicidad/bg_indicatorHolder_4.png); _background-image: url(../img/publicidad/bg_indicatorHolder_2.gif);}
.themedPromotionControls .indicator	{position:absolute; top:-1px; left:35px; width:34px; height:41px; background:transparent url(../img/publicidad/bg_indicator.png) no-repeat 0 0;_background-image: url(../img/publicidad/bg_indicator.gif);}
.themedPromotionControls ul{position:relative; top:7px; left:40px;}
.themedPromotionControls li{float:left; font-weight:bold; font-size:1.18em; padding:0 8px;}
.themedPromotionControls li a.current {color:#fff;}
.themedPromotionControls div.pausePlay		{position:relative; top:-13px; left:115px;/****cambiar left (3)115 - (4)140px - (5)165px - (6)190px - (7)215px - (8)240px****/ clear:both; width:51px; height:18px; overflow:hidden;font-size:0pt;}
.themedPromotionControls span	{position:absolute; top:2px; left:0; background:transparent url(../img/publicidad/btn_pausePlay-3sliders.png) no-repeat 0 0; display:block; width:33px; height:18px; cursor:pointer;}
.themedPromotionControls .Pause span	{background-position:0px 0px;}
.themedPromotionControls .Play span	{background-position:0px -18px;}
.themedPromotionHolder		{position:relative; overflow:hidden; z-index:1;}
.themedPromotionHolder ul	{position:relative; margin-top:4px;}				
.themedPromotionHolder li	{overflow:hidden;}
.themedPromotionHolder h2,				
.themedPromotionHolder p.desc		{height:30px; overflow:hidden;}
.themedPromotionHolder p.banner		{overflow:hidden;}

.themedPromotionCarousel	{margin-bottom:10px;}
.themedPromotionCarousel .themedPromotionHolder ul	{margin-top:4px;}
.themedPromotionCarouselSmall .themedPromotionControls	{left:350px;}
.themedPromotionCarouselMedium .themedPromotionControls	{left:540px;}
/*
.themedPromotionCarouselControls	{position:absolute; top:89px; left:0; clear:both; width:744px; height:42px; z-index:2;}
.themedPromotionCarouselControls img		{cursor:pointer;}
.themedPromotionCarouselControls li.back	{float:left;}
.themedPromotionCarouselControls li.forward	{float:right;}
.themedPromotionCarouselSmall	.themedPromotionCarouselControls	{position:absolute; top:64px; left:0; clear:both; width:550px; height:42px; z-index:2;}
*/

.themedPromotionExtraLarge			{overflow:hidden; position:relative;}
.themedPromotionExtraLarge .themedPromotionHolder			{width:930px; height:304px;}
.themedPromotionExtraLarge .themedPromotionHolder ul		{width:930px;}
.themedPromotionExtraLarge .themedPromotionHolder li		{width:930px; height:300px;}
.themedPromotionExtraLarge .themedPromotionHolder p.banner	{height:300px;}
.themedPromotionExtraLarge p.more		{position:relative; top:-110px; left:746px;}

.themedPromotionLarge			{border:#F00 solid 0px;}
.themedPromotionLarge .themedPromotionHolder		{width:618px; height:256px; }
.themedPromotionLarge .themedPromotionHolder ul		{width:618px;}
.themedPromotionLarge .themedPromotionHolder li		{width:618px; height:252px; }
.themedPromotionLarge .themedPromotionHolder p.banner	{height:252px;}
.themedPromotionLarge p.more		{position:relative; top:-110px; left:560px;}

.themedPromotionMedium			{overflow:hidden; position:relative;}
.themedPromotionMedium .themedPromotionHolder			{width:744px; height:224px;}
.themedPromotionMedium .themedPromotionHolder ul		{width:744px;}
.themedPromotionMedium .themedPromotionHolder li		{width:744px; height:220px;}
.themedPromotionMedium .themedPromotionHolder p.banner	{height:220px;}
.themedPromotionMedium p.more		{position:relative; top:-103px; left:590px;}

.themedPromotionCarouselMedium			{overflow:hidden; position:relative;}
.themedPromotionCarouselMedium .themedPromotionHolder			{width:744px; height:220px;}
.themedPromotionCarouselMedium .themedPromotionHolder ul		{width:744px;}
.themedPromotionCarouselMedium .themedPromotionHolder li		{width:744px; height:220px;}
.themedPromotionCarouselMedium .themedPromotionHolder p.banner	{height:220px;}
.themedPromotionCarouselMedium p.more		{position:relative; top:-103px; left:700px;}


.themedPromotionCarouselSmall			{overflow:hidden; position:relative; margin:0 4px 10px; top:-4px;}
.themedPromotionCarouselSmall .themedPromotionHolder		{width:550px; height:174px;}
.themedPromotionCarouselSmall .themedPromotionHolder ul		{width:550px;}
.themedPromotionCarouselSmall .themedPromotionHolder li		{width:550px; height:170px;}
.themedPromotionCarouselSmall .themedPromotionHolder p.banner	{height:170px;}
.themedPromotionCarouselSmall p.more		{position:relative; top:-95px; left:504px;}
 
 
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************
* brand viewer
*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/

div.brandViewer {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	border:#00F solid 0px;
}

div.brandViewer3Column {
	width: 558px;
}

div.brandViewer4Column {
	width: 920px;
}

div.brandViewer ul {
	list-style: none;
	overflow: hidden;
	position: relative;
}

div.brandViewer ul li {
	float: left;
	width: 186px;
	overflow: hidden;
}

div.brandViewer ul li a {
	display: block;
	text-align: center;
}

div.brandViewer ul li a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.brandViewer span.back {
	position: absolute;
	right: 0px;
	top: 28px;
	z-index: 2;
	cursor:pointer;
	_height: 42px;
	_width: 23px;
}

div.brandViewer span.forward {
	position: absolute;
	left: 0px;
	top: 28px;
	z-index: 2;
	cursor:pointer;
	_height: 42px;
	_width: 23px;
}

div.brandViewer span.back img,
div.brandViewer span.forward img {
	_height: 20px;
	_width: 20px;
}
 
/****************************************************************
* IE 6 hasLayout
****************************************************************/

#selectFreeGift #selectFreeGiftHeader,
#selectColour #selectColourHeader,
div.summaryTable,
div.themedPromotionControls ul,
div#block_basket_collapsed,
div#basketSummaryShown,
div#paymentMethod div.instructions,
div#paymentMethod div.instructions p,
div.showHide,
div.panel0,
div#addressRadioOptions,
div.addressRadioOption,
ul.listOfAddressOptions,
ul.listOfAddressOptions li.option,
div.panel2,
div.themedPromotion,
div.productSearchResults div.noResultsFound,
div.contentSearchResults div.noResultsFound {
	_height: 1%;
}

/****************************************************************
* IE 7 hasLayout
****************************************************************/
ul.listOfAddressOptions,
ul.listOfAddressOptions li.option,
#brandroomheaderlist,
#brandroomheaderlist ol,
div.productSearchResults div.noResultsFound,
div.contentSearchResults div.noResultsFound  {
    *zoom: 1;
}