/*

Classic Detail Style Stylesheet
----------------------------------
Spring/Summer 2011 
Launch Version

Designer: Ali

*/

/* Order building update (RW - 02/05/13) */
/* Updated for CMS3 r1 guided nav style changes (merge by MB - 12/11/12) */

body {
	background:#f0f0f0 url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_background.jpg) top center no-repeat;
}
/*
#outerPageContainer {
	margin:0 auto;
	padding:0;
	width:1050px;
	position:relative;
}


#innerPageContainer {
	margin:0;
	padding:0;
	width:1050px;
	position:relative;
}
*/


/* Headings & Link Styling
-------------------------- */
h1, .largetitle { 
	color:#195b9f; 
}

h1 span {
	color:#999;
}

h2 {
	color:#195b9f;
}

h3 {
	color:#195b9f;
}

h4 {
	color:#195b9f;
}

a {
	color:#195b9f;
	text-decoration:underline;
}

a:hover {
	text-decoration:none; 
}

img {
	border:none;
}


/* Header
--------- */
#headerContainer {
	margin:0;
	/*width:1030px;*/
	height:96px;
}

#headerContainer ul {
	margin:0;
	padding:0;
}

#headerContainer p {
	margin:0;
	padding:0;
	text-align:left;
}


/* Classic Detail Logo 
---------------------- */
#brandLogo-2 {
	background: transparent;
	width:200px;
	height:96px;
}


/* Account Area (Div 3)
Sign In | My Account | Register
Incentives | Help | Contact Us | Catalogue Request | Track Order
---------------------------------------------------------------- */
#account-3 {
	width:700px;
	height:96px;
}

ul#accountList {
	height:15px;
	text-align:left;
	position:absolute;
	left:282px;
	top:11px;
}

ul#siteInfoList {
	height:15px;
	text-align:left;
	position:absolute;
	left:282px;
	top:73px;
}

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:35px;
	right:330px;
}

#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:0 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:0 5px 0 0;
	padding:4px 2px 3px;
	height:24px;
	width:108px;
	display:inline-block;
	border:1px solid #666;
	float:left;
}

#searchArea-4 input.searchButton {
	padding:0 0 0 2px;
	height:24px;
	width:57px;
	display:block;
	border:none;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_searchbutton.jpg) 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:96px;
	position:absolute;
	top:3px;
	right:15px;
}

#gotoCheckOutContainerLink {
	margin:0;
	padding:0;
}

p#numberBagItems {
	position:absolute;
	top:7px;
	right:0px;
	color:#721378;
	font:bold 12px Arial;
}

p#viewMiniBagLink a {
	position:absolute;
	top:28px;
	right:0px;
	width:102px;
	height:24px;
	display:block;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_gotocheckout.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p#viewMiniBagLink a:hover {
	background-position:-102px;
}

ul#bagList {
	margin:13px 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:35px 0 0 30px;
	width:210px;
	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;
	height:30px;
	width:1000px;
	position:relative;
	overflow:hidden;
}

ul#topNavigation {
	margin:0;
	padding:0;
}

#topNavigation li {
	margin:0;
	padding:0 2px 0 0;
	height:30px;
	float:left;	
}

#topNavigation li a, 
#topNavigation li a:link, 
#topNavigation li a:visited {
	margin:0;
	padding:9px 20px 11px;
	height:10px;
	color:#FFF;
	display:inline-block;
	float:left;
	position:relative;
	text-transform:capitalize;
}

#topNavigation li a:hover {
	height:10px;
	color:#FFF;
	background:url(//images2.drct2u.com/content/images/homepages/1011SS_OXI_topnav_hover.gif) repeat-x;
}

/* Fashion */
#topNavigation li#FashionTopNav {
	padding-left:40px;
}

/* Home */
#topNavigation li#CDEHOMETopNav {
	position:absolute;
	top:0;
	left:0;
	background:none;
}

#topNavigation li#CDEHOMETopNav a {
	margin:0 0 0 10px;
	padding:0;
	height:30px;
	width:26px;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_topnav_home.jpg) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#CDEHOMETopNav a:hover {
	background-position:-26px;
}

#topNavigation li#FashionTopNav a {
	margin:0;
	padding:0;
	height:30px;
	width:85px;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_topnav_fashion.jpg) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#FashionTopNav a:hover {
	background-position:-85px;
}

#topNavigation li#LingerieTopNav a {
	margin:0;
	padding:0;
	height:30px;
	width:92px;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_topnav_lingerie.jpg) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#LingerieTopNav a:hover {
	background-position:-92px;
}

#topNavigation li#FootwearTopNav a {
	margin:0;
	padding:0;
	height:30px;
	width:106px;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_topnav_footwear.jpg) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#FootwearTopNav a:hover {
	background-position:-106px;
}

#topNavigation li#Home---LivingTopNav a {
	margin:0;
	padding:0;
	height:30px;
	width:133px;
	background:url(//images2.drct2u.com/content/images/homepages/1101SS_CDE_topnav_homeliving.jpg) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#Home---LivingTopNav a:hover {
	background-position:-133px;
}

#topNavigation li#CDE-Video-AdviceTopNav a {
	margin:0;
	padding:0;
	height:30px;
	width:128px;
	background:url(//images2.drct2u.com/content/images/homepages/1112AW_CDE_topnav_video.jpg) no-repeat;
	text-indent:-9999px;
}

#topNavigation li#CDE-Video-AdviceTopNav a:hover {
	background-position:-128px;
}

/* ----- Is some of this code redundant? ----- */

/* Tablecell
Site specific colour - Set to same colour as Top Navigation
-----------------------------------------------------------*/
.tablecell {
	background:#B96511;
}

.breadcrumb {
	color:#39427f;
}


/* Breadcrumbcue
Also used on 'Your order has NOT been submitted yet' text and Incentive Code box on Checkout page
------------------------------------------------------------------------------------------------- */
.breadcrumbcue,
a.breadcrumbcuelink {
	color:#39427f;
}

a.breadcrumblink {
	color:#39427f;
	text-decoration:none;
}

a.breadcrumblink:hover {
	padding:0;
	background-color:#39427f;
	color:#fff;
	text-decoration:underline;
}

a.breadcrumbcuelink:hover {
	color:#39427f;
	text-decoration:underline;
}


/* Main Site Colour
------------------- */
.mainsitecolour {
	background:#39427f;
}


/* Sidebartext
Incentive code box text
----------------------- */
.sidebartext {
	color:#FFF;
}


/* Account Transactions page
'Information on your account' text
---------------------------------- */
.acctssubtitle {
	color:#B96511;
}


/* Quick Order Form
------------------- */
.qofheadingnumber 
.qofheadingtitle {
	color:#FFF;
}


/* Guided Navigation (Left Nav) (LIVE)
-------------------------------------- */
#guidedNav-8 p {
	color: #39427f;
}
#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color: #39427f;
}





#currentSelection li {
	color: #000;
}


/* 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/homepages/freeformat/magnify.gif);
}

a.magnify, a:link.magnify, a:visited.magnify {
	color:#39427f;
	text-decoration:underline;
}

a:hover.magnify {
	color:#4e5baf;
	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
------------------- */
#bottom-nav {
	margin:0 auto 30px;
	padding:0;
	/*width:1030px;*/
	position:relative;
	overflow:hidden;
}

#footer {
	background-color: #000000;
    height: 28px;
    margin: 0 0 20px;
    text-align: center;
    width: 1003px;
}

#logoContainer {
	margin:10px 0 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:2px 0 0;
	width:1030px;
	height:20px;
	color:#FFF;
	background:#000;
	float:left;
	clear:both;
}
*/
#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
	padding:0 3px;
	font:normal 11px Arial;
	color:#FFF;
	text-decoration:none;
}

#footerNav-9 a:hover {
	color:#CCC;
	text-decoration:underline;
}

#titleAndLpgName {
	display:none;
}


/* Link colours - HTML buttons used on Sign In pages. 
(No need to modify - 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 
-------------------- */
.productSort, #resultsPages {
	background:#000;
	font-weight:bold;
	color:#FFF;
}

.productPages .previous, .productPages .next {
	background-color:#663868;
	color:#FFF;
}

.productPages .next a, .productPages .next a:hover {
	background:url(//images2.drct2u.com/content/images/homepages/FGN/fgn_CDE_nextPage.gif) no-repeat;
}

.productPages a, .productPages a:link, .productPages a:visited, .productPages a:hover {
	color:#FFF;
}

.productPages a:hover {
	background:#663868;
	color:#FFF;
}


/* Catalogue Request Pages Images
--------------------------------- */
.catImage {
	width:305px;
	height:360px;
	background:url(//images2.drct2u.com/content/images/psg27images/091126AW_oxendales_ie_catalogue.jpg) no-repeat;
}

.catImageSmall {
	width:240px;
	height:280px;
	background:url(//images2.drct2u.com/content/images/psg27images/091126AW_oxendales_ie_catalogue_small.jpg) no-repeat;
}


/* ===== Order Basket CDE style May 2013 RW ==== */

.fantasticOffers {
    background-image: url("/content/common/images/orderBuilding/cde-ob-fantastic-deals-header.png") !important;
    border-radius: 0.5em 0 0 0;
    float: left;
    height: 39px;
    margin: -10px -13px;
    width: 645px;
}

.orderContainer .sHeader1 {
    background: url("/content/common/images/orderBuilding/cde-ob-banner-sprite-n.png") no-repeat scroll 0 0 transparent !important;
    height: 32px;
    width: 250px;
}

.orderContainer .sHeader2 {
    background: url("/content/common/images/orderBuilding/cde-ob-banner-sprite-n.png") no-repeat scroll 0 -33px transparent !important;
    height: 32px;
    width: 250px;
}

.orderContainer .sHeader3 {
    background: url("/content/common/images/orderBuilding/cde-ob-banner-sprite-n.png") no-repeat scroll 0 -66px transparent !important;
    height: 32px;
    width: 250px;
}

.nowPriceFormat {
	color: black;
	font-size: 25px !important;
}

/* ===== END Order Basket CDE style May 2013 RW ==== */