/*

That's My Style Style Stylesheet
---------------------------------
Spring/Summer 2010 
Launch Version

Designer: Ali
(Updated 110516 by Warren_
    1) Added in li#Changes-By-Together-DiscountedTopNav for sub-nav promo
	2) Slot 1 fix AF 230511 
	3) Site refresh Clare 270711
	
	19/12/2011 - Removed xmas bg, top nav and added spread the cost subnav - Paul G.
	
*/



#innerPageContainer {
	margin:0 auto;
	padding:0;
	width:1000px;
}

#outerPageContainer {
	padding:0;
	width:100%;
	background:#FFF url(//images2.drct2u.com/content/images/homepages/1101SS_TMS_outerbackground.gif) repeat-x;
}



/* Headings & Link Styling
-------------------------- */
h1, .largetitle {
	color:#ec008c;
}

h1 span {
	color:#999;
}

h2 {
	color:#ec008c;
}

h3 {
	color:#ec008c;
}

h4 {
	color:#ec008c;
}

a {
	color:#ec008c;
	text-decoration:underline;
}

a:hover {
	color: #ec008c;
	text-decoration: none; 
}

img {
	border:none;
}


/* Header
--------- */
#headerContainer {
	margin:0 auto;
	width:1000px;
	float:none;
}

#headerContainer ul {
	margin:0;
	padding:0;
}

#headerContainer p {
	margin:0;
	padding:0;
	text-align:left;
}


/* TMS Logo 
----------------- */
#brandLogo-2 {
	margin:0;
	width:232px;
	height:100px;
	float:left;
}


/* Account Area (Div 3)
Sign In | My Account | Register
Incentives | Help | Contact Us | Catalogue Request | Track Order
---------------------------------------------------------------- */
#account-3 {
	margin:0;
	width:600px;
	height:100px;
}

ul#accountList {
	height:15px;
	text-align:left;
	position:absolute;
	left:238px;
	top:10px;
}

ul#siteInfoList {
	height:15px;
	text-align:left;
	position:absolute;
	left:238px;
	top:75px;
}

ul#accountList li,
ul#siteInfoList li {
	display:inline;
	padding:0;
}

ul#accountList li#SignInHeaderLink,
ul#accountList li#MyAccountHeaderLink {
	border-right:1px solid #999;
}

ul#accountList li#SignInHeaderLink {
	padding:0 5px 0 0;
}

ul#accountList li#MyAccountHeaderLink,
ul#accountList li#RegisterHeaderLink {
	padding:0 5px;
}

ul#accountList li a {
	font:bold 12px Arial;
	color:#000;
	text-decoration:none;
}

ul#siteInfoList li a {
	margin:0 5px 0 0;
	font:11px Arial;
	color:#000;
	text-decoration:none;
}

ul#accountList a:hover,
ul#siteInfoList a:hover {
	color:#000;
	text-decoration:underline;
}



/* Search Area (Div 4)
Search Form
---------------------- */
#searchArea-4 {
	margin:0;
	padding:0;
	height:30px;
	position:absolute;
	top:23px;
	right:320px;
}

#searchArea-4 p.title {
	display:none;
}

#searchForm {
	margin:0;
	padding:0;
	width:375px;
	height:30px;
	position:absolute;
	top:3px;
	left:0px;
	float:left;
}

#searchArea-4 input#searchKeyWords {
	margin:10px 5px 0 0;
	padding:4px 0 4px 20px;
	height:14px;
	width:162px;
	display:block;
	border:1px solid #666;
	float:left;
	background:#FFF url(//images2.drct2u.com/content/images/homepages/1006AW_FPS_searchicon.gif) no-repeat;
}

#searchArea-4 select#searchCategories {
	margin:10px 5px 0 0;
	padding:4px 2px 3px;
	height:24px;
	width:108px;
	display:inline-block;
	border:1px solid #666;
	float:left;
}

#searchArea-4 input.searchButton {
	margin:10px 0 0;
	padding:0 0 0 2px;
	height:24px;
	width:57px;
	display:block;
	border:none;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_TMS_searchbutton.gif) no-repeat;
	color:#FFF;
	font-weight:bold;
}

#searchArea-4 input.searchButton:hover {
	background-position:-57px;
}


/* Bag Area (Div 5)
Your Bag: # items
Go to Checkout
Wish List | Quick Order
----------------------- */
#bagArea-5 {
	margin:0;
	padding:0;
	width:130px;
	height:100px;
	position:absolute;
	top:0px;
	right:7px;
}

#gotoCheckOutContainerLink {
	
	margin:0;
	padding:0;
}

p#numberBagItems {
	padding:0;
	position:absolute;
	top:10px;
	right:0px;
	color:#721378;
	font:bold 12px Arial;
	text-align:right;
}

p#viewMiniBagLink a {
	width:102px;
	height:24px;
	position:absolute;
	top:36px;
	right:0px;
	display:block;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_TMS_gotocheckout.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p#viewMiniBagLink a:hover {
	background-position:-102px;
}

ul#bagList {
	margin:17px 0 0;
}

ul#bagList li {
	display:inline;
	padding:0;
}

ul#bagList li a {
	margin:0 0 0 5px;
	font:11px Arial;
	color:#000;
	text-decoration:none;
}

ul#bagList a:hover {
	color:#000;
	text-decoration:underline;
}


/* Go Back to Previous Site (Div 6)
----------------------------------- */
#previousSite-6 {
	background-color:#f6f7fc;
	border-top:solid 2px #e3e6ff;
}

#previousSite-6 a {
	color:#000;
	text-decoration:underline;
}

#previousSite-6 a:hover {
	color:#000;
	text-decoration:none;
}

.navmesg {
	background-color:#FFF;
}


/* Logged In Greeting (Div 10)
Signed in info
------------------------------ */
#greeting-10 {
	margin:30px 0 0;
	width:250px;
	float:left;
}

#greeting-10 p.logInTitle,
#greeting-10 p.logInTitleCredit {
	margin:0 3px 0 0;
	font:11px Arial;
	color:#000;
	float:left;
	clear:both;
}

#greeting-10 #clientName {
	margin:0 3px 0 0;	
	font:bold 11px Arial;
	color:#000;
	float:left;
}


/* Top Navigation Style
----------------------- */
#topNav-1 {
	margin:0 auto;
	padding:0;
	height:54px;
	width:1000px;
	position:relative;
	overflow:hidden;
	float:none;
}

ul#topNavigation {
	margin:0 auto;
	padding:0;
	width:1000px;
}

#topNavigation li {
	margin:0;
	padding:0 2px 0 0;
	height:30px;
	float:left;
	background:url(//images2.drct2u.com/content/images/homepages/1011SS_OXI_topnav_divider.gif) no-repeat top right;	
}

#topNavigation li a, 
#topNavigation li a:link, 
#topNavigation li a:visited {
	margin:0;
	padding:5px 15px 0;
	height:25px;
	color:#FFF;
	display:inline-block;
	float:left;
	position:relative;
	text-transform:capitalize;
}

#topNavigation li a:hover {
	height:25px;
	padding: 5px 15px 0;
	color:#FFF;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_TMS_topnav_hover.gif) repeat-x;
}

#topNavigation li a.hovered {
	height:25px;
	padding: 5px 15px 0;
	color:#000;
	background:#fff;
}

/* Womenswear */
#topNavigation li#WomensTopNav {
	padding-left:105px;
}

/* New In */
#topNavigation li#NeW-inTopNav {
		position:absolute; left:35px; top:0;
}

/* Home */
#topNavigation li#TMSHOMETopNav {
	position:absolute;
	top:0px;
	left:0px;
	background:none;
}

#topNavigation li#TMSHOMETopNav a {
	padding:0;
	height:30px;
	width:35px;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_TMS_topnav_home.gif) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#TMSHOMETopNav a:hover {
	background-position:-35px;
}


/*/* Xmas Gifts button update 

#topNavigation li#GIFTsTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/1109aw_TMS_topnav_xmasbg.jpg) no-repeat 0 -32px;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 8px 14px 12px 14px;
	_padding: 8px 14px 10px 14px;
	text-transform: capitalize;
	text-indent:-9999px;
	width:100px !important;
	height:10px;
}
#topNavigation li#GIFTsTopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/1109aw_TMS_topnav_xmasbg.jpg) no-repeat 0 0;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 8px 14px 12px 14px;
	_padding: 8px 14px 10px 14px;
	text-transform: capitalize;
	text-indent:-9999px;
	width:100px !important;
	height:10px;
}*/


/* Latest Offers, Sale & Clearance */
#topNavigation li#latest-offeRsTopNav,
#topNavigation li#saLETopNav {	
	background:url(//images2.drct2u.com/content/images/homepages/1011SS_OXI_topnav_offers.gif) repeat-x 0 0px;
}
				  
#topNavigation li#latest-offeRsTopNav a,
#topNavigation li#saLETopNav a {
	background:url(//images2.drct2u.com/content/images/homepages/1011SS_OXI_topnav_offers.gif) repeat-x 0 -36px;
}

#topNavigation li#latest-offeRsTopNav a:hover,
#topNavigation li#saLETopNav a:hover {
	color: #fff;
	height:25px;


	background:url(//images2.drct2u.com/content/images/homepages/1011SS_OXI_topnav_offers.gif) repeat-x 0 0;
}

#topNavigation li#REDUCTIOnsTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110902AW_FG1_latest_offers_top_nav.gif) repeat-x 0 100%;
	color: #fff;
}

#topNavigation li#REDUCTIOnsTopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110902AW_FG1_latest_offers_top_nav_hover.gif) repeat-x 0 100%;
	color: #fff;
}

#topNavigation li#latesT-offersTopNav a, #topNavigation li#Summer-REDUctionsTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/1012SS_OXO_topnav_offers.gif) repeat-x 0 -36px;
	border-right: none;
	margin: 0;
	padding: 5px 14px 12px 14px;
	_padding: 5px 14px 10px 14px;
	text-transform: capitalize;
}
#topNavigation li#latesT-offersTopNav a:hover, #topNavigation li#Summer-REDUctionsTopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/1012SS_OXO_topnav_offers.gif) repeat-x 0 0;
	color: #fff;
}


li#TMS-Win-a-party-dressTopNav {
	width:332px;
	float:left;
	background:url(//images2.drct2u.com/content/images/homepages/111221ss12-TMS-subnav.gif) no-repeat;!important;
	height:22px;
	}
	
li#TMS-Win-a-party-dressTopNav a {
	text-indent:-9999px;
	background:none !important;
	width:332px;
	display:block;
	height:22px !important;
	padding:0 !important;
	}
	
	
li#icatTMSTopNav {
	width:334px;
	float:left;
	background:url(//images2.drct2u.com/content/images/homepages/110712SS_TMS_HP_subnav1-dresses60.gif) no-repeat!important;
	height:22px;
	}
	
li#icatTMSTopNav a {
	text-indent:-9999px;
	background:none !important;
	width:334px;
	display:block;
	height:22px !important;
	padding:0 !important;
	}
	
	
li#spreadcostTMSTopNav {
	width:328px;
	float:left;
	background:url(//images2.drct2u.com/content/images/homepages/110712SS_TMS_HP_subnav1-spread.gif) no-repeat !important;
	height:22px;
	}
	
li#spreadcostTMSTopNav a {
	text-indent:-9999px;
	background:none !important;
	width:328px;
	display:block;
	height:22px !important;
	padding:0 !important;
	}
	
#TMS-Win-a-party-dressTopNav:hover{ 
	background-position:-332px; 
	}
	
#icatTMSTopNav:hover { 
    background-position:-334px;
}

#spreadcostTMSTopNav:hover { 
    background-position:-332px 0;
}
/* Drop Down Navigation */

.categoryDropNavContent {
	background: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

.refinementsColumn {
	margin: 0 4px 0 0;
}

.promotionsColumn {
	margin: 0 4px 0 0;
}

.refinementsColumn .categoryHeading {
	background: #ed008c;
	height: 21px;
	margin: 12px 0 5px;
}

.promotionsColumn .categoryHeading {
	background: #92278f;
	height: 21px;
	margin: 12px 0 5px;
}

.categoryDropNavContent a, .categoryDropNavContent a:link, .categoryDropNavContent a:visited, .categoryDropNavContent a:hover {
	padding: 0 0 0 6px;
}

.refinementsColumn a, .refinementsColumn a:link, .refinementsColumn a:visited, .promotionsColumn a, .promotionsColumn a:link, .promotionsColumn a:visited {
	color: #000;
}

.topNavSpacer1, .topNavSpacer2, .topNavSpacer3, .topNavSpacer4 {
	height: 12px;
	width: 12px;
}

.DDNfooterCapLeft {
	background: none;
	height: 4px;
}

.DDNfooterCapRight {
	background: none;
	height: 4px;
}

/* ----- Is some of this code redundant? ----- */


/* Tablecell
Site specific colour - Set to same colour as Top Navigation
-----------------------------------------------------------*/
.tablecell {
	background:#111;
}


/* Breadcrumbcue
Also used on 'Your order has NOT been submitted yet' text and Incentive Code box on Checkout page
------------------------------------------------------------------------------------------------- */
.breadcrumb {
	color:#000;
}

.breadcrumbcue,
a.breadcrumblink,
a.breadcrumbcuelink {
	color:#ec008c;
	text-decoration:none;
}

a.breadcrumblink:hover {
	padding:0;
	background-color:#ec008c;
	color:#fff;
	text-decoration:underline;

}

a.breadcrumbcuelink:hover {
	color:#ec008c;
	text-decoration:underline;
}


/* Main Site Colour
------------------- */
.mainsitecolour {
	background:#ec008c;
}


/* Sidebartext
Incentive code box text
----------------------- */
.sidebartext {
	color:#FFF;
}


/* Account Transactions page
'Information on your account' text
---------------------------------- */
.acctssubtitle {
	color:#ec008c;
}


/* Quick Order Form
------------------- */
.qofheadingnumber,
.qofheadingtitle {
	color:#FFF;
}


/* Guided Navigation (Left Nav) (LIVE)
-------------------------------------- */
#guidedNav-8 {
	margin:10px 15px 5px 0;
	padding:0 0 5px;
	width:170px;
	display:block;
	float:left;
	line-height:1.125em;
}

#guidedNav-8 #availableFiltersHeader, #guidedNav-8 #selectedFiltersHeader {
	margin:0;
	padding:2px 5px 0px 7px;
	height:21px;
	width:158px;
	background:#FFF url(//images2.drct2u.com/content/images/FGN/1007AW_fgn_TMS_chosenHeader.png) no-repeat;
	display:inline-block;
	font:bold 12px Arial;
	color:#FFF;
	clear:both;
}

#guidedNav-8 .refinementHeader {
	margin:0em;
	padding:3px 5px 2px 1px;
	min-height:19px;
	background-color:#FFF;
	color:#000;
	clear:both;
	font:bold 12px Arial;
	border-bottom:1px solid #B1B1B1;
}

#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color:#ec008c;
	text-decoration:none;
}

#guidedNav-8 a:hover {
	background-color:#FFF;
	color:#ec008c;
	text-decoration:underline;
	font-weight:normal;
}

ul#currentSelection {
	margin:0;
	padding:0;
	width:170px;
	border-left:none;
	border-right:none;
	background-color:#FFF;
}




#currentSelection li {
	margin:0;
	padding:4px 0 0;
	color:#222;
	border-top:none;
	font-size:12px;
	font-weight:bold;
	line-height:1.25em;
	list-style-type:none;
}

#currentSelection li span {
	float:right;
	font-size:12px;
	font-weight:normal;
	clear:both;
}

#availableFiltersWrapper ul#brandBox {
	margin:0;
	padding:0;
	width:168px;
	color:#ec008c;
	background-color:#FFF;
	border:1px solid #B1B1B1;
}

#availableFiltersWrapper ul#brandBox li {
	margin:1px;
	padding:1px;
	background-color:#FFF;
	font-size:11px;
	border-bottom:1px solid #D3D3D3;
}

ul.doubleColMenu {
	width:75px;
}

#availableFiltersWrapper ul, #availableFiltersWrapper ul.singleColMenu, #availableFiltersWrapper ul.doubleColMenu {
	margin:0 0 10px;
	padding:3px 3px 0 0;
}

#availableFiltersWrapper ul li a, #availableFiltersWrapper ul.singleColMenu li a, #availableFiltersWrapper ul.doubleColMenu li a {
	background:transparent url(//images2.drct2u.com/content/images/FGN/1007AW_fgn_TMS_catarrow.png) no-repeat 1px 3px !important;
	padding:0 0 0 11px !important;
}

#selectedFiltersBottom {
	height:10px;
	width:170px;
	background-image:none;
}

#availableFiltersWrapper {
	padding:0px;
	width:170px;
	border-left:none;
	border-right:none;
	float:left;
}

#availableFiltersBottom {
	margin-bottom:3px;
	height:9px;
	width:170px;
	background-image:none;
	float:left;
}

#guidedNav-8 ul {
	color: #666;
}

#guidedNav-8 p {
	color: #222;
	padding: 3px 0;
}


/* Product Range Page Classes
----------------------------- */
.productRange122x130, .productRange122x130x3, .productRange212x260 {
	border-left:0.06em Solid #E3E6FF;
}

.productRange122x130 h2,
.productRange122x130x3 h2  {
	background-color:#E3E6FF;
}

.productRange212x260 h3  {
	background-color:#E3E6FF;
}

.productRange122x130 h2 a, .productRange122x130 h2 a:link, .productRange122x130 h2 a:visited,
.productRange122x130x3 h2 a, .productRange122x130x3 h2 a:link, .productRange122x130x3 h2 a:visited {
	color:#39427F;
	text-decoration:none;
}

.productRange212x260 h3 a, .productRange212x260 h3 a:link, .productRange212x260 h3 a:visited {
	color:#39427F;
	background-color:#E3E6FF;
	text-decoration:none;
}

.productRange122x130 h2 a:hover, .productRange122x130x3 h2 a:hover, .productRange212x260 h3 a:hover {
	color:#747dbc;
	background-color:#E3E6FF;
	text-decoration:none;

}


/* Product preview
Product thumb preview container and text styles
5 column layout containers using 122 x 130 images
------------------------------------------------- */
.salePrice {
	color:#ff0000;
}

.magnify {
	background-image:url(//images2.drct2u.com/content/images/freeformat/magnify.gif);
}

a.magnify, a:link.magnify, a:visited.magnify {
	color:#195b9f;
	text-decoration:underline;
}

a:hover.magnify {
	color:#195b9f;
	background-color:#fff;
	text-decoration:none;
}


/* Image Hover Script
See /js/ballontip.js for config options
--------------------------------------- */
.hoverStyle {
	border:1px solid #000; 
	background-color:#FFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}


/* Footer Container
------------------- */
#footer {
	width:1000px;
}

#bottom-nav {
	margin:0 auto 30px;
	padding:0;
	width:1000px;
	background-color:#FFF;
	position:relative;
	overflow:hidden;
}

#footer {
	margin:0 0 20px;
	width:1000px;
	height:33px;
	background:#FFF;
}

#logoContainer {
	margin:0;
	padding:0;
	width:1000px;
	float:left;
	clear:both;
}

#logoContainer iframe {
	width:125px;
}

#shoppingSecured, #payUsing, #fastDelivery {
	margin:0 10px 0 0;
	padding:0;
	width:250px;
	float:left;
}

#shoppingSecured {
	width:400px;
}

#shoppingSecured div, #shoppingSecured IFRAME, #shoppingSecured a, #payUsing div, #fastDelivery div {
	text-align:left;
	float:left;
}

#shoppingSecuredTitle, #payUsingTitle, #fastDeliveryTitle {
	margin:0 0 2px;
	padding:0;
	width:250px;
	float:left;
	background:none;
}


#shoppingSecuredTitle {
	width:400px;
}

#shoppingSecured IMG, #payUsing IMG, #fastDelivery IMG {
	margin:0 10px 0 0;
	padding:0;
	max-height:46px;
	height:46px;
}


/* Footer Navigation
-------------------- */
#footerNav-9 {
	margin:10px 0;
	padding:5px 0;
	width:1000px;
	height:20px;
	color:#333;
	float:left;
	clear:both;
	border-top:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
}

#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
	font-size:11px;
	color:#000;
	text-decoration:none;
}

#footerNav-9 a:hover {
	color:#000;
	text-decoration:underline;
}


/* Link Colours
HTML buttons used on Sign In pages - white text for all sites
------------------------------------------------------------- */
tr.tablecell a:link, tr.tablecell a:visited {
	margin:0;
	padding:0;
	font-size:12px;
	color:#FFF;
}

tr.tablecell a:hover{
	color:#FFF;
}


/* QuickWins Project
Product Sort Panel 
-------------------- */
#searchResultsHeader {
	width:805px;
} 

.productSort, #resultsPages {
	background:#388BC5 url(//images2.drct2u.com/content/images/FGN/1007AW_fgn_TMS_productSortBG.gif) repeat-x;
	font-weight:bold;
	color:#FFF;
}

.productPages .next a, .productPages .next a:hover {
	background:url(//images2.drct2u.com/content/images/FGN/1007AW_fgn_TMS_nextPage.gif) no-repeat;
}

.productPages a, .productPages a:link, .productPages a:visited, .productPages a:hover{
	color:#FFF;
}

.productPages a:hover {
	background:#113f6c;
	color:#FFF;
}

ul.individualproductsleft li a{float: left; font-weight: bold; display: block; width: 200px; _width: 160px;  list-style-type: none; font-size: 18px; color: #fff; background:url(//images2.drct2u.com/content/images/FGN/110607ss_group1_eoss-SW_cta-bg.gif) no-repeat scroll 144px 50%; 
				padding: 5px; list-style:none; margin: 3px 5px 3px 0px; _margin: 0px 0px 4px -5px;}