/*	Created by Jonny Parkinson	
  Updated 17/09/13  : (Updated by User: ITJXP)
                    : Added "RR carousel overwrite styles"					
  Updated 03/09/13  : (Updated by User: ITJXP)
                    : Added float: right to #LPT1_slot5, #LPT1_slot6, #LPT1_slot7, #LPT1_slot8
  Updated 02/09/13  : (Updated by User: ITAZC)
                    : Added styles for #LPT3_Slot10, as it was missing from the sequence.		
  Updated 29/08/13  : (Updated by User: ITAZC)
                    : Added bottom margin to breadcrumb slots #LPT1_slot3 and #LPT3_slot3
  Updated 27/08/13  : (Updated by User: ITJXP)
                    : Added media query for LPT1_slot6 and LPT1_slot7
  Updated 23/08/13  : (Updated by User: ITAZC)
                    : Added #LPT3_slot11 for Rich Relevance 
	Updated 25/04/13	: THIS IS THE LATEST VERSION. PLEASE ADD YOUR AMMENDS BELOW AND UPDATE THE DATE ON THIS COMMENT!
	Updated 25/04/13	: (Updated by User: ITJXP)
						: added text-alight: left to .productPreviewText 
	Updated 08/01/13 	: (Updated by User: ITAZC)
						: Removed !important declarations for brand search in LHN, was causing disabled-state letters to seem clickable/hoverable. 
						: Reduced font-size for LHN mulitselect result counts, helps to stop a proportion of text wrapping
	Updated 05/10/12	: (Updated by User: ITJXP)
						: added line-height:normal to .largeProductFragment 
						: reverted padding on largeProductheader p
	Updated 27/10/12	: (Updated by User: ITJXP)
						: added and edited .largeProductFragment styles from line 924 > 976
	Updated 21/10/12	: (Updated by User: ITAZC)
						: Resized product fragment image (to 396 x 497 pixels), previous size was pushing the layout out of balance (Bug BB-111)
	Updated 21/10/12	: (Updated by User: ITAZC)
						: More accurate product fragment alignements (Bug BB-111)
	Updated 21/10/12	: (Updated by User: ITAZC)
						: Added background colour for large product fragments' text description div, as per concepts.
	Updated 03/10/12	: (Updated by User: ITAZC)
						: Updated Brand Box items, added in bottom borders for li's
						: Added styles for large product fragment (CMS3 R1 - PR0161 - Story N39/N40)
	Updated 13/10/11	: Removed border left and right from .productSort and moved to DAL_LP_content.css
	Updated 06/10/11	: addded margin-left to .C6_lifestyleContent 
						: addded C6 Low Maintenance Styles
	Updated 21/09/11	: Changed width of .searchTermMsgContainer to fix bug 12709
	Updated 26/08/11	: 800px width styles added
	Updated 18/08/11	: Added C10 styles for when no product's are found
	Updated 04/07/11	: Bug Fix 12053 - Added word-wrap: break-word; to .C9_copySection
	Updated 04/07/11	: Bug Fix 11982 - Added .overImg styles and videoAvailable logo styles
	Updated 04/07/11	: Bug Fix 12012 - Added #breadcrumbNav specific style , margin-top: 0
	Updated 04/07/11	: Bug Fix 12003 - Added #breadcrumbNav specific style
						: If you want to see the slots, just remove the comment tags at the top of each slot code below. This will display a fixed height and background 					   						  colour
*/
/* TEMP Styles included for freeformat page testing */

.breadcrumb {
    float: left;
    position: relative;
    left: 183px;
}

#breadcrumbNav {
    height: auto;    
    margin-top: 0;
}

/* ----- Search Messages ----- */

.searchTermMsgContainer {
	border: 1px solid #9c9c9c;
	background-color: #DAD7D5;
	float: left;
	width: 794px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 2px;
}

.searchTermMsg {
	color: #B90707;
	font-weight: bold;
}

.searchSuggestionMsg {
	color: #084D09;
}

.searchSuggestionMsg span {
	font-weight: bold;
}

.searchSuggestionMsg a, .searchSuggestionMsg a:link, .searchSuggestionMsg a:visited  {
	text-decoration: underline;
	font-size: 15px;
	font-weight: bold;
	color: #084D09;
}

.searchSuggestionMsg a:hover {
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	background-color: #084D09;
	color: #fff;
}

/* ----- CARTRIDGE STYLES ----- */

.C10_productPreview .overImg {
    float: left;
    margin-left: 7px;
    margin-top: -55px;
    position: relative;
    z-index: 3;
    display: inline;
}

.C10_productPreview .overImgRight {
	clear: right;
    display: inline;
    float: right;
    margin-right: 3px;
    margin-top: -57px;
    position: relative;
    z-index: 4;
}

.C10_productPreview .overImgTopRight {
    clear: right;
    display: inline;
    float: right;
    margin-right: 7px;
    margin-top: -244px;
    position: relative;
    z-index: 5;
}

.C10_productPreview p.videoAvailable {
    background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_video_overlay.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    height: 18px;
    padding: 4px;
    text-indent: -9999px;
    width: 100%;
}

.C10_noProducts {
	float: left;
    border-radius: 15px;
	width: 800px;
	background-color:#e2e2e2;
	height: 70px;
    margin: 5px 0 10px 0;
    border: 2px solid #999; 
}

.C10_noProducts p {
    font-size: 14px;
    margin: 25px 0;
    text-align: center;
}

.C10_noProducts a {
	color: #d8054f;
	font-weight: bold;
	text-decoration:underline;
}

/* ----- START TEMPLATE 1 STYLES ----- */

#LPtemplate1 {
    width: auto;
    height: auto;
    margin-top: 5px;
}

#LPT1_sideNavContainer {
    float: left;
    width: 170px;   
}

/* ----- TEMPLATE 1 -- LANDING PAGE SLOTS  ----- */

/* ----- Slot 1 -- Primary Navigation ----- */

#LPT1_slot1 {   
 /* background-color:#cccccc;       
    height: 780px; */
    float: left;
}

/* ----- Slot 2 -- Secondary Navigation ----- */

#LPT1_slot2 {
/*  background-color:#cccccc;       
    height: 780px; */
    float: left;    
    width: 170px;   
    float: left;
    margin: 0;
}

/* ----- Slot 3 -- Breadcrumb ----- */

#LPT1_slot3 {
	float: right;
    margin-right: 16px;
  margin-bottom: 0.5em;
    width: 800px;
}

/* ----- Slot 4 ----- */

#LPT1_slot4 {
    float: right;
    margin-right: 16px;
    width: 800px;    
}

/* ----- Slot 5-9 ----- */

#LPT1_slot5, #LPT1_slot6, #LPT1_slot7, #LPT1_slot8, #LPT1_slot9 {
    margin-right: 16px;
    _margin-right: 8px;
    width: 800px;       
   float: right;
}

/* ----- END TEMPLATE 1 STYLES ----- */

/* ----- START TEMPLATE 3 STYLES ----- */

#LPtemplate3 {
    width: auto;
    height: auto;
    margin-top: 5px;  
}

#LPT3_sideNavContainer {
    float: left;
    width: 170px;   
}

/* ----- TEMPLATE 3 -- LANDING PAGE SLOTS  ----- */

/* ----- Slot 1 -- Primary Navigation ----- */

#LPT3_slot1 {   
    float: left;
}

/* ----- Slot 2 -- Secondary Navigation ----- */

#LPT3_slot2 {
    float: left;    
    width: 170px;   
    float: left;
    margin: 0;
}

/* ----- Slot 3 -- Breadcrumb ----- */

#LPT3_slot3 {
	float: right;
    margin-right: 16px;
	margin-bottom: 0.5em;
    width: 800px; 
}

/* ----- Slot 4 ----- */

#LPT3_slot4 {
    width: 800px;   
    float: right;
    margin-right: 16px;
}

/* ----- Slot 5, 6, 7, 8, 9 ----- */

#LPT3_slot5, #LPT3_slot6, #LPT3_slot7, #LPT3_slot8, #LPT3_slot9 {
    float: right;
    margin-right: 16px;
    _margin-right: 8px;
    width: 800px;       
}

/* ----- Slot 10, 11, 12 ----- */

#LPT3_slot10, #LPT3_slot11, #LPT3_slot12 {
  float: right;
  margin-right: 16px;
  width: 800px; 
}
/* ----- END TEMPLATE 3 STYLES ----- */

/* ----- ALL CARTRIDGE HEADERS ----- */  

.cartridgeHeader {
    width: 800px;
    height: 26px;    
    margin-bottom: 5px;
    float: left;        
}

/* ----- INDIVIDUAL CARTRIDGE STYLES ----- */

/* -- Cartridge C1A - LHN Endeca -- */

.C1A_cartridge {
/*  height: 1150px; */
    float: left;
    width: 170px;   
    margin: 0 0 5px 0;        
}

/* -- Cartridge C2B - User defined breadcrumb -- */

.C2B_cartridge {
    float: left;
    /*height: 24px; */  
    width: 800px;   
    margin: 0 0 5px 0;        
}


/* -- Cartridge 6 -- */

#C6_cartridge {
    float: left;
    width: 800px;
    height: 256px;      
    margin: 0 0 5px 0;    
}

.C6_lifestyleContent {
    width: 406px;  
	margin-left: 9px; 
}

.C6_lifestyleTitle {
    float: left;	
	margin-top: 10px;
}

.C6_lifestyleCopy {
    width: 390px;
    float: left;
    _margin-top: -20px;
}

.C6_lifestyleContent p {
    padding: 5px;
    /*background-color:#fff;*/
    margin: 5px 0 0 0;
}

.C6_c2a {
	float: left;	
}

.C6_c2a p {
	text-transform:uppercase;
	font-size: 18px;
	color: #ED115F;
}

.C6_lifestyleContent li {
    text-transform: uppercase;
    padding: 12px 45px 12px 12px;   
    list-style-type: none;
    font-weight: bold;
    float: left;
}

.C6_lifestyleContent li img { 
    float: right;
    padding-left: 30px;
}

.C6_lifestyleContent h1 span {
    display: none;
}

.C6_navigation {
    position:relative;
    top: 0;
    z-index:100;
    width: 814px;
    height: 30px;
}

.C6_navTitleStatic {
    float: left;
    background-color: #000;
    padding: 0 5px;
    border: 1px solid #fff;
    height: 30px;
}

.C6_navTitle {
    float:  left;   
    background-repeat:repeat-x; 
    margin-left: 4px;   
    height: 30px;
    display: block;
}

.C6_navigation h2 {
    float:left;
    width: auto;
    padding: 5px 5px 0;   
}

/* C6 Low Maintenance Styles */

#C6_cartridge.C6_LM_cartridge {
	height: auto;	
}

.C6_LM_lifestyleContent {
	height: auto;
}

.C6_LM_lifestyleCopy {
    margin: 10px 0;
    width: 790px;
}

.C6_LM_lifestyleCopy p {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
/* C6 Low Maintenance Styles End */

/* -- Cartridge 7 -- */

.C7_cartridge {
    float: left;
    width: 800px;
    margin: 0 0 5px;
	*padding-bottom: 5px;  
}

#cartridgeTitle {
    background-color: #000;
    color: #333; 
    float: left;
    height: 26px;
    width: 800px;
	margin-bottom: 5px;
	border-left: 1px solid #BFBFBF;
}

#cartridgeTitle h2 {
    float: left;
    font-size: 14px;
    margin: 4px;
    color: #333;
}

#cartridgeTitle h2.viewAll{
    height: 26px;
    float: right;
    margin: 0;
	border-left: 1px solid #BFBFBF;    
    /*background-color: #000;*/
}

/* Temp styles until latest cartridges have been implimented. Should be #ID but currently .CLASS */

.cartridgeTitle {
    background-color: #000;
    color: #333; 
    float: left;
    height: 26px;
    width: 798px;
	margin-bottom: 5px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}

.cartridgeTitle h2 {
    float: left;
    font-size: 14px;
    margin: 4px;
    color: #333;
}

.cartridgeTitle h2.viewAll{
    height: 26px;
    float: right;
    margin: 0;   
	border-left: 1px solid #BFBFBF; 
    /*background-color: #000;*/
}

/* END */

h2.viewAll a, h2.viewAll a:link, h2.viewAll a:visited {
    color: #ED115F;
    text-decoration:none;
    display: block;
    padding: 4px 6px 4px 10px;
}

.C7_left, .C7_middle, .C7_right {
    float: left;
    width: 260px;
    height: 200px;  
    margin-right: 10px;
    _margin-right: 10px; 	
}

.C7_right {
    margin-right: 0;  
    _margin-right: 0; 
}

/* -- Cartridge 8 -- */

.C8_cartridge {
    float: left;       
    height: 200px;
    margin: 0 1px 0 5px;
    width: 260px;
}

/* -- Cartridge 9 -- */

.C9_cartridge {
    float: left;
    width: 266px;   
    height: 200px;
}

.C9_copySection {
    float: left;
    width: 117px;
    _width: 113px;  
    height: 200px;  
    word-wrap: break-word;
}

.C9_productSection {
    float: left;
    height: 200px;  
}

.C9_copySection h2 {
    font-size: 16px;
    font-weight:bold;   
    margin:0;
    padding: 3px 3px 0;
    width: 111px;
    word-wrap: break-word;
}

.C9_copySection p {
    font-size: 12px;
    margin:0;
    padding:0 3px;
    width: 111px;
    word-wrap: break-word;  
}

.C9_copySection h3 {
    font-size: 13px;
    font-weight:bold;
    margin:0;
    padding:0 3px;
    width: 111px;
    word-wrap: break-word;
}

.C9_copySection h3 a, .C9_copySection h3 a:link, .C9_copySection h3 a:visited { 
    text-decoration:underline;
}

.C9_copySection h3 a:hover {
    text-decoration: none;  
}

/* -- Cartridge 10 -- */

.C10_cartridge {
    float: left;
    width: 800px;       
    margin-top: 5px;
}

/*----- C10 OFFER STYLES -----*/

.cartridgeTitle#sale, .cartridgeTitle#bestSeller, .cartridgeTitle#newIn {
    background: url("http://images2.drct2u.com/content/images/freeformat/DAL_cartridgeHeader_bg.png");
	background-repeat:repeat-x;
}

.C10_cartridge#sale {
	background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_C10_sale_bg.png");
	background-repeat:repeat-x;
	/*margin-bottom: 5px;*/
}

.C10_cartridge#bestSeller {
	background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_C10_bestSeller_bg.png");
	background-repeat:repeat-x;
	/*margin-top: 5px;*/
}

.C10_cartridge#newIn {
	background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_C10_newIn_bg.png");
	background-repeat:repeat-x;
	/*margin-bottom: 5px;*/
}

/* Styles for when no header is displayed on the C10_cartridge, removed the white space at the bottom */

.C10_cartridge#saleNoHeader {
	background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_C10_sale_bg.png");
	background-repeat:repeat-x;
    margin-top: 0;
}

.C10_cartridge#bestSellerNoHeader {
	background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_C10_bestSeller_bg.png");
	background-repeat:repeat-x;
    margin-top: 0;
}

.C10_cartridge#newInNoHeader {
	background-image: url("http://images2.drct2u.com/content/images/freeformat/DAL_C10_newIn_bg.png");
	background-repeat:repeat-x;
    margin-top: 0;
}

/* ----------------------- No header styles END ----------------------- */


#sale p.productTitle a:link, #sale p.productTitle a:visited, #bestSeller p.productTitle a:link, #bestSeller p.productTitle a:visited, #newIn p.productTitle a:link, #newIn p.productTitle a:visited {
    color: #000 !important;
	font-weight: normal;
}

#sale p.salePrice, #bestSeller p.salePrice, #newIn p.salePrice {    
	font-weight: bold;
}

/*----- C10 OFFER STYLES END -----*/


.C10_productFragmentGroup {
    margin-left: 3px;
}

.C10_cartridge img.large {
    display: block ! important;
}

.C10_cartridge img.thumb {
    display: none;
}


.C10_cartridge img.large {
    display: block !important;
}

.C10_cartridge img.thumb {
    display: none;
}

.C10_cartridge .productPreview {
    border: none;
}

ul.doubleColMenu li:nth-child(2n+1), ul.tripleColMenu li:nth-child(3n+1) {
    clear: left; /* Saves LHN list items from some undesirable effect when it's previous sibling is wrapping on two lines */
}

/* Guided Nav layout adjustments */

#guidedNav-8 {
    margin-top: 0;
  /*padding: 7px 0 5px 7px;*/
}
#guidedNav-8 li,
#guidedNav-8 li a,
#guidedNav-8 li label {
    font-size: 12px; /* Universal font size across all sites */
}
#guidedNav-8 li .count {
    font-size: 10px;
}
#guidedNav-8 a,
#guidedNav-8 a:link,
#guidedNav-8 a:visited,
#guidedNav-8 a:hover,
#guidedNav-8 a:active {
    background-color: transparent;
}
#guidedNav-8 a,
#guidedNav-8 a:link,
#guidedNav-8 a:visited {
    text-decoration: none;
}
#guidedNav-8 a:hover,
#guidedNav-8 a:focus {
    text-decoration: underline;
}

.productSort {
	width: 810px;
	float: left;
    margin-top: 5px;
}

/* Loading Swirly */
#loadingSwirly {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    display: none;
}

/* List Nav (Brand Search) */
#Brand-multiSelectBoxWrapper {
    border: 1px solid #CCC;
    padding: 0;
    /*overflow: hidden;*/
    margin-bottom: 15px;
}
#Brand-multiSelectBoxWrapper .listNav {
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #CCC;
}
#Brand-multiSelectBoxWrapper .listNav a { 
    padding: 3px;
}
#Brand-multiSelectBoxWrapper .ln-letters {
    overflow: hidden;
}
#Brand-multiSelectBoxWrapper .ln-letters a {
    display: block;
    float: left;
    font-weight: normal !important;
    border-radius: 2px;
    color: #000;
}
#Brand-multiSelectBoxWrapper .ln-letters a:link {
    color: #000;
}
#Brand-multiSelectBoxWrapper .ln-letters a:hover {
    color: #fff;
    background: #666;
    text-decoration: none;
}
#Brand-multiSelectBoxWrapper .ln-letters a.ln-selected {
    color: #fff;
    background: #333;
}
#Brand-multiSelectBoxWrapper .ln-letters a.ln-selected:hover {
    color: #fff;
    background: #000;
    text-decoration: none;
}
#Brand-multiSelectBoxWrapper .ln-letters a.ln-disabled,
#Brand-multiSelectBoxWrapper .ln-letters a.ln-disabled:hover {
    color: #CCC;
    background: transparent none;
    cursor: default;
}
#Brand-multiSelectBoxWrapper .ln-letters a.ln-disabled:focus {
    text-decoration: none;
}

/* Brand Box (List) */
ul#Brand-multiSelectBox {
    margin: 0;
    margin-bottom: 0 !important;
    padding: 0;
    width: 100% !important;
    height: 11.5em; /* approximately 6 items in height */
    overflow: auto;
    border: none;
}
ul#Brand-multiSelectBox li {
    background-color: #fff;
    padding: 2px 0 2px 5px;
    border-bottom: 1px solid #CCC;
}

/* Disabled LHN styles */
#guidedNav-8 .disabled,
#guidedNav-8 label.disabled {
    color: #999 !important;
    text-decoration: none;
}

/* Elements containing JSON data. */
.data {
    display: none;
}

/* CheckList, graphically represented checkboxes in LHN */
#guidedNav-8 .checkList a {
    text-decoration: none;
}
#guidedNav-8 .checkList a,
#guidedNav-8 .checkList .disabled {
    display: block;
    background: transparent url(http://images2.drct2u.com/content/common/images/commongui/checkListCheckBoxStates.png) no-repeat 0 0.4em/*50%*/;
    padding: 0.25em 0 0.25em 18px;
}
#guidedNav-8 .checkList a:hover,
#guidedNav-8 .checkList a:focus {
    text-decoration: underline;
    background-position: -1000px 0.4em;
}
#guidedNav-8 .checkList a:active {
    color: #000;
    background-position: -2000px 0.4em;
}
#guidedNav-8 .checkList a.checked {
    background-position: -2000px 0.4em;
    /*color: #666;*/
}
#guidedNav-8 .checkList .disabled {
    background-position: -3000px 0.4em;
    color: #999;
}

/* Alternative non-flash content product display */
#flashAltProdList .productPreview {
    text-align: center;
}

/* Added to evenly align all the products */

.productPreview {
    margin: 0 0 0.3em 7px;
    width: 24%;
}
.productPreviewText {
    text-align: left !important;    
}
/* WebCMS 3 R1 (PR0161) N40 Large Product Fragment */
#productWindowContent .productPreview,
#productWindowContent .productPreviewWrapper {
	float: none; /* reset left float */
	display: -moz-inline-stack; /* For Mozilla */
	display: inline-block; /* For IE */
	*display: inline; /* For IE6 */
	vertical-align: top; /* For IE */
	zoom: 1; /* For IE */
	margin: 0 0.25% 1em;
	width: 24%;
	height: 20em; /* Min-height fast hack */
	height: auto !important; /* Min-height fast hack */
	min-height: 20em; /* Min-height fast hack */
}

#productWindowContent .largeProductFragment {
	float: right;
	width: 49%;
}

#productWindowContent .largeProductFragment .overImgTopRight {
    margin-top: -497px;
}


#productWindowContent .productPreviewWrapper .productPreview {
	width: 100%; /* Make 100% width otherwise this will be 24% of 24%! */
	height: auto;
	display: block;
	margin: 0;
	float: none;
}
.largeProductFragment .productPreview {
	line-height: normal;
}
.largeProductFragment .largeProductheader {
	width: 100%;
	height: 30px;
	background-color:#EEEEEE;	
}

.largeProductFragment .largeProductheader p {
	text-align:center;
	font-size:18px;
	font-weight: bold;
	padding-top:8px;	
	text-shadow: 1px 1px white;
	color:#333333;
}

.largeProductFragment .productPreviewText {
/* resetting the properties assigned to the basic .productPreviewText class */	
	background: #EEE;
    float: none;
    font-size: 1.25em;
    height: auto;
    min-height: auto;
    padding: 0.05em 0.5em 0.5em 0.5em;
	width: auto;	
}

.largeProductFragment .productTitle a {
    font-size: 18px;
}

.largeProductFragment .productPreviewImage a { 
	min-height: 497px; /* adjusted from 520px */
	max-height: 500px; /* adjusted from 520px */
	height: auto !important;
	height: 497px; /* adjusted from 520px */
	display: block;
}

.largeProductFragment img.large {
	 width: 393px; /* Original 396px; Adjusted to compensate for 3px border */
	 height: 494px; /* Original 497px; Adjusted to compensate for width alteration (scaled by aspect ratio based on width) */
	 border: 3px solid #EEEEEE;
}

.largeProductFragment p.moreColours {
	 font-size: 12px;
}
.largeProductFragment p.videoAvailable {
	 margin-top: 5px;
}
.largeProductFragment .rating {
	padding-left: 11px;
	background-color:#EEEEEE;	
}

/* RR carousel overwrite styles */
#landingPageContent .flexslider {   
    padding: 0 46px;
}
.flex-direction-nav .flex-control-next {     
    margin: 0px !important;
}
#landingPageContent .automatedAffinities ul.slides > li {
    margin: 0 80px 0 0 !important;
}
#landingPageContent .automatedAffinities .productPreview {
    margin: 0;
}
.carouselContainer .productPreviewText {
	min-height: inherit !important;
}
/* -------------------- END -----------------------*/