@charset "UTF-8";
@import url("legacy.css");
/* CSS Document */

/***
  * GLOBAL:
  * The following styles can be used on any part of the site, page, icat or invt.
  ***/
  
/*Search By Size Drop Down*/
/*The main box*/
#ssglobal #sssearch-by-size-dropdown {
   position:absolute; 
   float:left; 
   width:50px; 	
}

/*The content box which appears and disappears - ID Used In Javascript - Do Not Change*/
#ssglobal #sssearch-by-size-dropdown #content-box {
	z-index: 20; 
	position: relative; 
	background-color: #F3F1F2; 
	width: 510px; 
	float: left; 
	height: 65px; 
    top: 118px; 
	left: 300px;
	padding:8px 41px 17px 10px;
}

/*Fixes to move the box depending whether a bread crumb is in use or not*/
#searchHeader #ssglobal #sssearch-by-size-dropdown #content-box {
	top:174px; 
	left:300px;
}
#searchHeaderNoBread #ssglobal #sssearch-by-size-dropdown #content-box {
	top:150px;
	left:300px;
}

/*The inner box containing the size runs*/
#ssglobal #sssearch-by-size-dropdown #inner-box {
	position: relative; 
	width: 510px; 
	height: 20px; 
	top: 2px; 
	left: 40px;
}

/*The text saying 'Sizes (UK)'*/
#ssglobal #sssearch-by-size-dropdown #size-text {
	position: absolute; 
	width: 32px; 
	height: 20px; 
	top: 15px; 
	padding-top: 5px; 
	left: -40px;
}

/*The message 'to search by size please select...' which then disappears - ID Used In Javascript - Do Not Change*/
#ssglobal #sssearch-by-size-dropdown #size-message {
	position: absolute; 
	width: 420px; 
	height: 10px; 
	top: 25px; 
	left: 40px;
}

/*Drop Down Classes*/
/*Class to create the small boxes of sizes*/
#ssglobal #sssearch-by-size-dropdown .size-box-style {
	position: relative; 
	width: 24px;
	border:1px solid rgb(205,205,205);
	text-align: center; 
	background-color: #D1E3D6; /*Greenish Background Colour*/
	float: left; 
	height: 17px; 
	top: 5px; 
	margin-right: 2px; 
	padding: 4px 0px 2px 0px; 
	left: 0px;
}

/*The Greenish Italic text used for most of the drop down box*/
#ssglobal #sssearch-by-size-dropdown .style-text-italic {
	font-style: italic; 
	color: #74A48A; 
	font-size: 10pt;
}

/*The settings for the select department buttons*/
#ssglobal #sssearch-by-size-dropdown .department-style-box {
	text-align: center; 
	border:1px solid rgb(201,201,201);
	background-color: #FFFFFF; 
	font-style: normal; 
	width: 240px; 
	float: left; 
	color: #313131; 
	font-size: 8pt; 
	margin-right: 2px; 
	padding: 2px;
}

/*The text links within the department buttons*/
#ssglobal #sssearch-by-size-dropdown .department-style-text {
	color: #535353; 
	font-weight: normal; 
	text-decoration: underline;
}

/*When a department is selected the link goes bold*/
#ssglobal #sssearch-by-size-dropdown .style-text-bold {
	color: #313131;
	font-weight: bold; 
	text-decoration: underline;
}
/*The links in the little department buttons*/
#ssglobal #sssearch-by-size-dropdown .size-box-style a:link {
	color: #313131; 
	font-size: 10px;
	font-weight: normal; 
	text-decoration: underline;
}

/*The makes the little department buttons the same colour even if they have been visited*/
#ssglobal #sssearch-by-size-dropdown .size-box-style a:visited {
	color: #313131; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: underline;
}
#ssglobal #sssearch-by-size-dropdown .size-box-style a {
	font-style: normal; 
	color: #FFFFFF; 
	font-size: 12px; 
	font-weight: normal;
}

/*** @END GLOBAL ***/

/***
  * WIDGETS:
 ***/

/* Footer Widget*/
#ssglobal #ssfooter-widget {
   position: relative;
   float: left;
   width: 800px;
   top:2px;
   margin-bottom: 1px;
   }
#ssglobal #ssfooter-widget h2 {
	background-color: #999999; /* This is the default if you do not overwrite it. */
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	text-transform: capitalize;
	text-align: left;
	height: 14px;
}
#ssglobal #ssfooter-widget .blockLink {
	display: block;
	float: left;
	margin-left: 7px;
	margin-top: 7px;
}
#ssglobal #ssfooter-widget .blockLink img {
	border-style: none;
}
#ssglobal #ssfooter-widget .blockLink:hover {
	text-decoration: none;
}
#ssglobal #ssfooter-widget .SearchTerm, 
#ssglobal #ssfooter-widget #top3bestselleritem,
#ssglobal #ssfooter-widget #top3savingitem {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	list-style-type:none;
}
#ssglobal #ssfooter-widget #top3bestselleritem {
	padding-top: 4px;
	padding-bottom: 3px;
}

#ssglobal #ssfooter-widget .SearchTerm {
	background-color: #F1F0F0;
	padding-bottom:2px;
}

#ssglobal #ssfooter-widget .recentlyViewedProductbrand, 
#ssglobal #ssfooter-widget .recentlyViewedProductname,
#ssglobal #ssfooter-widget .recentlyViewedHeader, 
#ssglobal #ssfooter-widget .topSearchHeader {
	display: none;
}
#ssglobal #ssfooter-widget .recentlyViewedProduct {
	float: left;
	margin-left: 5px;
}
#ssglobal #ssfooter-widget .recentlyViewedProductprice {
	text-align:center;
	padding-top:5px;
}
#top3saving,
#top3price {
    font-size:8pt;
    padding-left:8px;
}
#ssglobal #ssfooter-widget .footer-right,
#ssglobal #ssfooter-widget .footer-left,
#ssglobal #ssfooter-widget .footer-center {
	position: relative;
	height: 145px;
	background-color: #FFFFFF;
}

#ssglobal #ssfooter-widget .footer-left {
	float: left;
	left: 0px;
	width: 460px;
	text-align:center;
}
#ssglobal #ssfooter-widget .footer-center {
	float: left;
	left: 2px;
	width: 166px;

}

#ssglobal #ssfooter-widget .footer-right {
	float: right;
	right: 0px;
	width: 170px;
	
}

/***
  * GROUP:
  * The following styles can be used on a group of pages, icats or invts.
  ***/

/*Bags Group*/
#ssglobal #sspage-womens-fashion-bags .tdback,
#ssglobal #sspage-mens-fashion-bags .tdback { 
   padding:10px;
   color:#FFFFFF;
   font-size:9pt;
   background-color:#1F201D;
}

/* DUD CODE:
#ssglobal #sspage-womens-fashion-bags .tdback h1,
#ssglobal #sspage-mens-fashion-bags .tdback h1 { 
   font-style:bold;
}*/

/*** @END GROUP ***/

/***
  * SINGLE:
  * The following styles can be used on a group of pages, icats or invts.
  ***/

/* Footer Widget */
#ssglobal #sspage-womens-fashion-bags #ssfooter-widget h2 {
	background-color: #583255;
}

#ssglobal #sspage-mens-fashion-bags #ssfooter-widget h2 {
	background-color: #3C3C3C;
}
/*** @END SINGLE ***/