/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Script               : Product List My Trends stylesheet			                             */
/*                                                                                               */
/* File Name            : productlist_my_trends.css                                              */
/*                                                                                               */
/* System Name          : Freemans                                                               */
/*                                                                                               */
/* Author               : Imran Afzal                                      						 */
/*                                                                                               */
/* Date                 : 08/03/2010                                                             */
/*                                                                                               */
/* Copyright            : (c) OTTO UK Ltd                                                        */
/*                                                                                               */
/* Description          : Contains the CSS presentaion definitions for displaying the results of */
/*                        a search.                                                              */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version  Date        Who     Description                                                      */
/* -------  ----------  ---     --------------                                                   */
/* 1.0      08/03/2010  hepd023 Original Version.                                                */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/


ul#trend_panels {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
	height:205px;
	width:732px;
}

#text_link_container {
	width:180px;
	height:20px;
	position:absolute;
	margin-top:180px;
	margin-left:575px;
}

.my_trend_link a:link {
	padding-left:0px;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}

.my_trend_link a:visited {
	padding-left:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

.my_trend_link a:hover {
	padding-left:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

.my_trend_link a:active {
	padding-left:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

#left_banner_my_trends {
    width:168px;
	padding:5px 0px 5px 5px;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	background-color:#e4f2e1;
	border:1px solid #73C06B;
	margin-bottom:10px;
}

#left_banner_my_trends2 {
    width:168px;
	padding:5px 0px 5px 5px;
	color:#333333;
	font-size:13px;
	background-color:#e4f2e1;
	border:1px solid #73C06B;
	margin-bottom:10px;
}

ul#oli-banner01 {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
	height:65px;
	width:732px;
	padding-bottom:3px;
}

ul#oli-subbrand-banner01{
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
	height:185px;
	width:732px;
	padding-bottom:5px;
}

ul#banner-02 {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
	height:136px;
	width:732px;
}

#left_banner_my_trends2 {
    width:168px;
	padding:5px 0px 5px 5px;
	color:#333333;
	font-size:13px;
	background-color:#e4f2e1;
	border:1px solid #73C06B;
	margin-bottom:10px;
}

#left_banner_clearance_box {
	width:168px;
	padding:5px 0px 5px 5px;
	color:#fff;
	font-size:13px;
	background-color:#ba4a5c;
	border:1px solid #520411;
	margin-bottom:10px;
}

a.clearance_link {
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
}

span.clearance_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffed00;
	font-weight:bold;
	text-transform:uppercase;
}



/* ------------------------------------------- Festival CSS Starts -----------------------------*/
#FestivalBanner
{
	background-image:url(../pix/PRODUCTLIST/Festival_Must_Have.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#WeddingShop
{
	background-image:url(../pix/PRODUCTLIST/WeddingShop.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

.FestivalLinkContainer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:180px;
	font-weight:bold;
}

#FestivalBodyCopyTrend {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#231F20;
	font-size:12px;
	top:-40px;
	height:205;
	left:0px;
	width:350px;
}

#FestivalLinkArea {
	width:400px;
	position:absolute;
	left:40px;
	top:140px;		
}

#FestivalLinkArea2 {
	width:400px;
	position:absolute;
	left:40px;
	top:140px;		
}


a.Festivaltext {
	font-family:Arial, Helvetica, sans-serif;
	color:#231F20;
	text-decoration:underline;
}

a.Festivaltext:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#231F20;
	text-decoration:none;
}

/* ------------------------------------------- Festival CSS End -----------------------------*/

/* ------------------------------------------- Deals Of The Week Shop CSS Start -----------------------------*/
#DealOFTheWeek
{
	background-image:url(../pix/PRODUCTLIST/deals_of_the_week_banner.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#FestivalBodyCopyDealOFTheWeek {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#464646;
	font-size:18px;
	top:-60px;
	height:205;
	left:0px;
	width:350px;
}

.FestivalLinkContainerDealOFTheWeek {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:200px;
	font-weight:bold;
}

a.FestivaltextDealOFTheWeek {
	font-family:Arial, Helvetica, sans-serif;
	color:#464646;
	text-decoration:underline;
}

a.FestivaltextDealOFTheWeek:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#D73F16;
	text-decoration:none;
}

#FestivalLinkAreaDOTW {
	width:400px;
	position:absolute;
	left:40px;
	top:140px;		
}

/* ------------------------------------------- Deals Of The Week CSS End -----------------------------*/

/* ------------------------------------------- Shop By Colour CSS Start -----------------------------*/

#ShopByColour {
	background-image:url(../pix/PRODUCTLIST/shop_by_colour_banner.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#ShopByColourBodyCopy  {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#fff;
	font-size:12px;
	top:-40px;
	height:205;
	left:0px;
	width:350px;
}

.ShopByColourLinkContainer  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:130px;
	font-weight:bold;
}

#ShopByColourLinkArea {
	width:400px;
	position:absolute;
	left:40px;
	top:155px;		
}

a.ShopByColourText  {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}

a.ShopByColourText:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

/* ------------------------------------------- Shop By Colour CSS End -----------------------------*/


/* ------------------------------------------- Winter Shop CSS Start -----------------------------*/
#WinterShop
{
	background-image:url(../pix/PRODUCTLIST/winter_shop.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#FestivalBodyCopyTrendWinter {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#FFFFFF;
	font-size:12px;
	top:-50px;
	height:205;
	left:0px;
	width:350px;
}

.FestivalLinkContainerWinter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:130px;
	font-weight:bold;
}

a.FestivaltextWinter {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

a.FestivaltextWinter:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
/* ------------------------------------------- Winter Shop CSS End -----------------------------*/

/* ------------------------------------------- Festive Fashion CSS Start -----------------------------*/
#FestiveFashion
{
	background-image:url(../pix/PRODUCTLIST/Festive_Fashion.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#FestivalBodyCopyTrendFestive {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#FFFFFF;
	font-size:12px;
	top:-50px;
	height:205;
	left:0px;
	width:350px;
}

.FestivalLinkContainerFestive {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:180px;
	font-weight:bold;
}

a.FestivaltextFestive {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

a.FestivaltextFestive:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
/* ------------------------------------------- Festive Fashionp CSS End -----------------------------*/

/* ------------------------------------------- Collection CSS Start -----------------------------*/
#Collection
{
	background-image:url(../pix/PRODUCTLIST/Collection.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#CollectionMainText {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#000;
	font-size:12px;
	top:-50px;
	height:205;
	left:0px;
	width:350px;
}

.CollectionLinkContainer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:180px;
	font-weight:bold;
}

a.CollectionText {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}

a.CollectionText:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

/* ------------------------------------------- Collection CSS End -----------------------------*/

/* ------------------------------------------- Fashion For Less CSS Start -----------------------------*/
#FashionForLess
{
	background-image:url(../pix/PRODUCTLIST/Fashion_For_Less.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

/* ------------------------------------------- Fashion For Less CSS End -----------------------------*/

/* ------------------------------------------- Simply Gorgeous CSS Start -----------------------------*/
#SimplyLinkArea {
	width:300px;
	position:absolute;
	left:40px;
	top:140px;		
}

#SimplyGorgeous
{
	background-image:url(../pix/PRODUCTLIST/Simply_Gorgeous.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#SimplyGorgeousMainText {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#EB0083;
	font-size:12px;
	top:-40px;
	height:205;
	left:0px;
	width:350px;
}

.SimplyGorgeousLinkContainer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:80px;
	font-weight:bold;
}

a.SimplyGorgeousText {
	font-family:Arial, Helvetica, sans-serif;
	color:#EB0083;
	text-decoration:underline;
}

a.SimplyGorgeousText:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#EB0083;
	text-decoration:none;
}

/* ------------------------------------------- Simply Gorgeous CSS End -----------------------------*/

/* ------------------------------------------- Sports CSS Start -----------------------------*/
#SportsShop
{
	background-image:url(../pix/PRODUCTLIST/Sport_Shop.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

/* ------------------------------------------- Sports CSS End -----------------------------*/


/* ------------------------------------------- Style Bible CSS Starts -----------------------------*/

#StyleBibleBanner
{
	background-image:url(../pix/PRODUCTLIST/StyleBible_1.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#StyleBibleTrend1
{
	background-image:url(../pix/PRODUCTLIST/Trend_1.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#StyleBibleTrend2
{
	background-image:url(../pix/PRODUCTLIST/Trend_2.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}

#StyleBibleTrend3
{
	background-image:url(../pix/PRODUCTLIST/Trend_3.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 732px;
	position:relative;
}


.TrendLinkContainerSmall {
	font-size:15px;
	float:left;
	width:auto;
	margin-right:10px;
}


#StyleBibleBodyCopyTrend {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#231F20;
	font-size:11px;
	top:-70px;
	height:205;
	left:0px;
	width:450px;
}

#TrendLinkArea {
	width:600px;
	position:absolute;
	top:10px;
	left:20px;
	top:170px;		
}

.TrendLinkContainerLarge {
	font-size:20px;
	float:left;
	width:auto;
	margin-right:15px;
}

#StyleBibleBodyCopy {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#231F20;
	font-size:11px;
	top:-50px;
	height:205;
	left:0px;
	width:450px;
}

a.stylebibletext {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#EC008C;
		
}

a.stylebibletext:hover {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#939496;
		
}

/* ------------------------------------------- Style Bible CSS Ends -----------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------ End of Stylesheet ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

