/* combine : /css/common/desktop/guidedNav.css*/
#guidedNav-8 {
	width: 160px;
	display: block;
	padding: 0 0 5px;
	margin: 0 0 0 10px;
	word-wrap: break-word;
	background: transparent none;
}
#guidedNav-8 p {
	margin: 0 0 0.75em;
	padding: 0;
	font-size: 0.69em;
	font-weight: normal;
	clear: both;
	word-wrap: break-word;
}
#guidedNav-8 .availableFiltersContainer {
	*zoom: 1;
	width: 100%;
}
#guidedNav-8 ul {
	padding: 0 0 0.5em;
	margin: 0 0 0.5em;
	list-style: none;
	width: 100%;
	overflow: visible;
}
#guidedNav-8 ul:before, 
#guidedNav-8 ul:after {
	content: " ";
	display: table;
}

.productPreviewImage {
	position: relative;
	width: 192px;
	height: 242px;
}

.productPreviewImage .large {
	display: block ! important;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#guidedNav-8 ul:after {
	clear: both;
}
#guidedNav-8 ul {
    *zoom: 1;
}
.availableFiltersContainer li {
	min-height: 2em;
	height: auto !important;
	height: 2em; /* min-height fast hack to prevent element collapsing and odd wrapping behaviour */
}
#guidedNav-8 #availableFiltersHeader, #guidedNav-8 #selectedFilters, #guidedNav-8 #selectedFiltersHeader {
	width: 100%;
	background: transparent none;
}
#guidedNav-8 .refinementHeader, 
#guidedNav-8 #availableFiltersHeader, 
#guidedNav-8 #selectedFiltersHeader {
	font-size: 0.88em;
	font-weight: bold;
	clear: both;
	border-bottom: none;
	color: #000;
}
#guidedNav-8 .refinementHeader {
	position: relative;
	width: 100%;
}
#guidedNav-8 .refinementHeader span {
	display: block;
	background: transparent url(//images2.drct2u.com/content/common/images/commongui/guiConcentinaCtrlArrows.png) no-repeat 0 2px;
	padding: 0 3em 0 16px;
	cursor: pointer;
}
#guidedNav-8 .refinementHeader span.active {
	background-position: 0 -94px;
}
#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;
}
#guidedNav-8 .narrowByTitle {
    position: relative;
}
    #guidedNav-8 .narrowByTitle span {
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 0 3em 0 0;
    }
a.clearRefinement {
	text-align: right;
}
#guidedNav-8 a.clearRefinement {
    line-height: 2;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	font-weight: normal;
}
#guidedNav-8 .refinementHeader a.clearRefinement:hover, 
#guidedNav-8 .refinementHeader a.clearRefinement:focus {
	text-decoration: underline;
}
#currentSelection li {
	list-style: none;
	word-wrap: break-word;
	color: #000;
	line-height: 2;
	font-size: 12px;
}
#currentSelection li span {
	float: right;
	font-weight: normal;
	clear: both;
}
ul#currentSelection a {
	text-align: right;
}
ul.doubleColMenu li, 
ul.tripleColMenu li {
	float: left;
	margin: 0 1% 0 0;
	padding: 0;
}
ul.doubleColMenu li {
	width: 48%;
}
ul.tripleColMenu li {
	width: 32%;
}
#guidedNav-8 input, 
#guidedNav-8 label {
	vertical-align: middle;
	color: #000;
}
#guidedNav-8 input[type="checkbox"] {
	margin: 0 2px 0 0;
	_margin: 0 1px 0 0;
}
#guidedNav-8 .disabled, 
#guidedNav-8 label.disabled {
	color: #CCC;
}
/* --------- Over image png's - sale, best seller and new in -------------*/
.overImg, .overImgRight, .overImgTopRight
{ display: none; }

#productWindowContent .overImg, 
#productWindowContent .overImgRight, 
#productWindowContent .overImgTopRight {
    position: relative;
    display: inline;
}
#LPTemplate3 .overImg {
	position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    display: block;
}
/* --------- Over image right hand side png's - buy1get1free & multi-buy  -------------*/
#LPTemplate3 .overImgRight {
	position: absolute;
	z-index: 4;
	bottom: 0;
	right: 0;
	display: block;
}
/* --------- Over image top png's - online exclusive -------------*/
#LPTemplate3 .overImgTopRight {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	display: block;
}
#productWindowContent .largeProductFragment .overImgTopRight {
	position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    display: block;
}
.overImg a, .overImg a:link, .overImg a:visited, .overImg a:hover, .overImgRight a, .overImgRight a:link, .overImgRight a:visited, .overImgRight a:hover, .overImgTopRight a, .overImgTopRight a:link, .overImgTopRight a:visited, .overImgTopRight a:hover {
	border: none;
}
#productWindowContent p.videoAvailable {
	background: url(//images.drct2u.com/content/images/promotionalLogos/DAL_video_overlay.png) no-repeat 50% 50%;
	padding: 4px;
	border: none;
	width: 100%;
	height: 18px;
	text-indent: -9999px;
	display: block;
}
#productWindowContent p.productIncentiveSpecialOffer {
	margin: 0;
	padding: 4px;
	text-align: center;
}
/* extra div added to accommodate placement of limited stock code outside the product preview (in product window page) */
.productFragmentWrapper {
	position: relative;
	float: left;
}
/* Limited Stock and Online Exclusive 'Flashes' for Product Fragments */
.limitedStock, .onlineExclusive {
	position: absolute;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
}
.limitedStock {
	background: url(//images2.drct2u.com/content/common/images/commongui/limitedStockSmall.png) no-repeat 0 0;
	top: 182px;
	right: 0;
	width: 60px;
	height: 60px;
}
.onlineExclusive {
	background: url(//images2.drct2u.com/content/images/promotionalLogos/JDW_exclusive_overlay.png) no-repeat 0 0;
	top: 0;
	right: 4px;
	width: 74px;
	height: 72px;
}
.largeProductFragment .limitedStock {
	top: 436px;
	right: 0;
}
.largeProductFragment .onlineExclusive {
	top: 0;
	right: 15px;
}
#productWindowContent img.large {
	display: block ! important;
}
#productWindowContent img.thumb {
	display: none;
}

/* content moved from LPTemplates_and_cartridges.css 06/11/13 MB
-----------------------------------------------------------------*/
.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: 100%;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 2px;
}
.searchTermMsg {
	color: #B90707;
}
.searchSuggestionMsg {
	color: #084D09;
}
.searchTermMsg, 
.searchSuggestionMsg span {
	font-weight: bold;
}
.searchSuggestionMsg a, .searchSuggestionMsg a:link, .searchSuggestionMsg a:visited, .searchSuggestionMsg a:hover {
	text-decoration: underline;
	font-size: 15px;
	font-weight: bold;
	color: #084D09;
}
.searchSuggestionMsg a:hover {
	text-decoration: none;
	color: #FFF;
}

/* ----- CARTRIDGE STYLES ----- */
.C10_productPreview p.videoAvailable {
	background: url("//images2.drct2u.com/content/images/freeformat/DAL_video_overlay.png") no-repeat 50% 50%;
	border: 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;
	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 2 -- Secondary Navigation ----- */

#LPT1_slot2 {
	width: 170px;
	margin: 0;
}
/* ----- Slot 3 -- Breadcrumb ----- */

#LPT1_slot3 {
	margin-bottom: 0.5em;
}

/* ----- Slot 3-9 ----- */

#LPT1_slot3, #LPT1_slot4, #LPT1_slot5, #LPT1_slot6, #LPT1_slot7, #LPT1_slot8, #LPT1_slot9 {
	margin-right: 16px;
	width: 800px;
	float: right;
}
/* ----- END TEMPLATE 1 STYLES ----- */
/* ----- START TEMPLATE 3 STYLES ----- */

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

/* ----- TEMPLATE 3 -- LANDING PAGE SLOTS  ----- */
/* ----- Slot 1 -- Primary Navigation ----- */
#LPT1_slot1, 
#LPT1_slot2, 
#LPT3_sideNavItem1,  
#LPT3_slot1 {   
    float: left;
}

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

#LPT3_sideNavContainer, #LPT3_sideNavItem2, #LPT3_sideNavItem3, #LPT3_sideNavItem4, #LPT3_SideNavItem5, #LPT3_SideNavItem6,
#LPT3_sideNavItem7, #LPT3_sideNavItem8, #LPT3_sideNavItem9, #LPT3_slot2 {
    float: left;
    width: 170px;
    margin: 0;
}

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

#LPT3_breadcrumbTop1, #LPT3_breadcrumbTop2, #LPT3_breadcrumbBot1, #LPT3_breadcrumbBot2 {
    width: 100%;
    margin-bottom: 0.5em;
    float: left 
}

#LPT3_slot3 {
	margin-bottom: 0.5em;
}
/* ----- Slot 4 ----- */


/* ----- Template 3: Slot 3-4 / Main 1-6 ----- */

#LPT3_slot3, #LPT3_slot4, #LPT3_slot5, #LPT3_slot6, #LPT3_slot7, #LPT3_slot8, #LPT3_slot9, #LPT3_slot10, #LPT3_slot11, #LPT3_slot12, 
#LPT3_main1, #LPT3_main2, #LPT3_main3, #LPT3_main4, #LPT3_main5, #LPT3_main6, #LPT3_main7, #LPT3_main8, #LPT3_main9 {
    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 / Cartridge C2B - User defined breadcrumb -- */
.C1A_cartridge,
.C2B_cartridge {
    float: left;
    margin: 0 0 5px;
}
.C1A_cartridge {
	width: 170px;
}
.C2B_cartridge {
	width: 800px;
}

/* -- Cartridge 6 -- */
#C6_cartridge {
	float: left;
	width: 800px;
	height: 256px;
	margin: 0 0 5px;
}
.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;
	margin: 5px 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: 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;
}

/* C7 2x slot
-----------------------------------------------------------------*/
.C7_2SlotCartridge div[class^="C7"] {
		width: 50%;
		float: left;
}

/* C7 3x slot
-----------------------------------------------------------------*/
.C7_3SlotCartridge div[class^="C7"] {
		width: 33%;
		float: left;
}

/* C7 4x slot
-----------------------------------------------------------------*/
.C7_4SlotCartridge div[class^="C7"] {
		width: 25%;
		float: left;
}

/* 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;
}
h2.viewAll a, 
h2.viewAll a:link, 
h2.viewAll a:visited {
	color: #ED115F;
	text-decoration: none;
	display: block;
	padding: 4px 6px 4px 10px;
}

/* -- Cartridge 8 -- */

.C8_cartridge {
    height: 200px;
}
/* -- Cartridge 9 -- */

.C9_cartridge, 
.C9_copySection, 
.C9_productSection {
    float: left;
}
.C9_copySection, 
.C9_copySection h2, 
.C9_copySection p, 
.C9_copySection h3 {
    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("//images2.drct2u.com/content/images/freeformat/DAL_cartridgeHeader_bg.png");
	background-repeat: repeat-x;
}
.C10_cartridge#sale, 
.C10_cartridge#saleNoHeader {
	background-image: url("//images2.drct2u.com/content/images/freeformat/DAL_C10_sale_bg.png");
	background-repeat: repeat-x;
}
.C10_cartridge#bestSeller, 
.C10_cartridge#bestSellerNoHeader {
	background-image: url("//images2.drct2u.com/content/images/freeformat/DAL_C10_bestSeller_bg.png");
	background-repeat: repeat-x;
}
.C10_cartridge#newIn, 
.C10_cartridge#newInNoHeader {
	background-image: url("//images2.drct2u.com/content/images/freeformat/DAL_C10_newIn_bg.png");
	background-repeat: repeat-x;
}
/* Styles for when no header is displayed on the C10_cartridge, removed the white space at the bottom */
.C10_cartridge#saleNoHeader, 
.C10_cartridge#bestSellerNoHeader, 
.C10_cartridge#newInNoHeader {
	margin-top: 0;
}

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

.C10_productFragmentGroup {
	margin-left: 3px;
}
.C10_cartridge img.thumb {
	display: none;
}
.C10_cartridge img.large {
    display: block !important;
}
.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 */
}
#guidedNav-8 {
	margin-top: 0;
}
#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;
}
#guidedNav-8 .moreLink  {
	text-decoration: none;
    display: block;
    color: #adadad;
    font-weight: bold;
}
#guidedNav-8 .singleColMenu .moreLink, 
#guidedNav-8 .doubleColMenu .moreLink {
    padding: 0.25em 0;
    text-align: right;
}
#guidedNav-8 .doubleColMenu .moreLink  {
    width: 100%;
}

.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;
	margin-bottom: 15px;
}
#Brand-multiSelectBoxWrapper .listNav {
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #CCC;
    font-size: 0.75em;
}
#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;
	padding: 0;
	width: 100%;
	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;
    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(//images2.drct2u.com/content/common/images/commongui/checkListCheckBoxStates.png) no-repeat 0 0.4em;
    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;
}
#guidedNav-8 .checkList .disabled {
	background-position: -3000px 0.4em;
	color: #999;
}
#guidedNav-8 .checkList .moreLink a {
    background: #fff
}

/* 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;
}
/* WebCMS 3 R1 (PR0161) N40 Large Product Fragment */
#productWindowContent .productPreview,
#productWindowContent .productPreviewWrapper,
#C10Cartridge.gridView-3 .productPreview,
#C10Cartridge.gridView-3 .productPreviewWrapper {
	float: none; /* reset left float */
	display: inline-block; /* For IE */
	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,
#C10Cartridge.gridView-3 .largeProductFragment {
	float: right;
	width: 49%;
}
#productWindowContent .largeProductFragment .overImgTopRight {
	margin-top: -497px;
}
#productWindowContent .productPreviewWrapper .productPreview,
#C10Cartridge.gridView-3 .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: #EEE;
}
.largeProductFragment .largeProductheader p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 8px;
	text-shadow: 1px 1px white;
	color: #333;
}
.largeProductFragment .productPreviewText {
	float: none;
	font-size: 1.25em;
	height: auto;
	min-height: auto;
	padding: 0.05em;
	width: auto;
}
.largeProductFragment .productTitle a {
	font-size: 18px;
}
.largeProductFragment .productPreviewImage a {
	min-height: 497px;
	max-height: 500px;
	height: auto !important;
	height: 497px;
	display: block;
}
.largeProductFragment img.large {
	width: 393px;
	height: 494px;
	border: 3px solid #EEE;
}
.largeProductFragment p.moreColours {
	font-size: 12px;
}
.largeProductFragment p.videoAvailable {
	margin-top: 5px;
}
.largeProductFragment .rating {
	padding-left: 11px;
	background-color: #EEE;
}
.carouselContainer .productPreviewText {
	min-height: inherit !important;
}
.carouselContainer .productPreviewImage {
	height: auto;
}
/* -------------------- END -----------------------*/
/* complete : /css/common/desktop/guidedNav.css*/


/* combine : /css/common/desktop/jquery.slider-ui.css*/
/* Slider UI */
.ui-slider {
	position: relative;
	text-align: left;
	background-color: #CCC;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 6px;
	height: 12px;
	cursor: pointer;
	background-color: #666 !important;
	border-radius: 0 !important;
}
.ui-slider .ui-slider-handle.ui-state-disabled { 
	cursor: pointer;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-color: #666 !important;
}
.ui-slider-horizontal {
	height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -3px;
	margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider, .ui-slider-range, .ui-slider-handle {
	border: none !important;
}
.ui-slider {
	background: #CCC;
}
.ui-slider .ui-slider-range, 
.ui-slider .ui-slider-handle.ui-state-default, 
.ui-slider.ui-widget-content .ui-state-default, 
.ui-slider.ui-widget-header .ui-state-default {
	background: #666;
}
/* complete : /css/common/desktop/jquery.slider-ui.css*/


/* combine : /css/common/responsive/cross-site-search.css*/
/* CSS Document */
.sisters {
    position: relative;
    clear: both;
    border-top: 1px solid #CCC;
}
.sisters * {
    margin: 0;
    padding: 0;
}
.sisters-intro {
    padding: 10px 0;
}
.sisters-intro-title, 
.sisters-intro-usp {
    float: left;
    display: inline;
    width: 49%;
}
.sisters-intro-title {
    font-size: 24px;
    line-height: 1.2em;
    margin: 0;
    padding: 5px 0;
}
.sisters-intro-usp {
    list-style: none;
    padding: 0;
}
.sisters-intro-usp li {
    float: left;
    width: 43%;
    background: url(//images2.drct2u.com/content/images/freeformat/generic-tick.png) left center no-repeat transparent;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 3px 0 3px 20px;
}
.cl {
    clear: both;
}
.sister {
    border: 2px solid #333;
    margin-bottom: 40px;
    position: relative;
    margin-right: 10px;
    background: #FFF;
}
.sister-header {
    position: relative;
    display: block;
    width: 100%;
}
a.sister-header, a.sister-header:hover {
    text-decoration: none;
}
.sister-header-logo {
    position: absolute;
    left: 0;
    top: 0;
    top: calc(50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 108px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.sister-header-title {
    margin-left: 108px;
    margin-right: 150px;
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 0;
    font-weight: bold;
}
.sister .sister-header-cta {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 135px;
    color: #FFF;
    font-weight: bold;
    background-color: #333;
}
.sister-header-cta-inner {
    display: table;
    width: 100%;
    height: 100%;
}
.sister .sister-header-cta span {
    background: url(//images.drct2u.com/content/common/images/cross-site/gotosite-arrow.png) no-repeat right center;
    display: table-cell;
    padding: 0 25px 0 10px;
    vertical-align: middle;
}
.hide-on-mobile {
    display: inline;
}
.sister-body {
    border-top: 2px solid #333;
}
.sister-name {
    color: #333;
    font-weight: bold;
}
.sister-desc {
    padding: 10px;
    font-size: 14px;
}
.sister-toggleproducts {
    font-size: 11px;
    position: absolute;
    right: -2px;
    top: 100%;
    width: 137px;
}
.sister-toggleproducts a {
    display: block;
    padding: 3px 10px;
    text-align: center;
    color: #FFF;
    background-color: #333;
}
.sister-products {
    margin: 10px;
}
.sister-products.loading {
    height: 32px;
    background: url(//images.drct2u.com/content/common/images/commongui/loading_32px.gif) no-repeat center center;
}
.sister-product {
    float: left;
    display: inline;
    width: 22.5%;
    margin-left: 1%;
    margin-right: 1%;
}
.sister-product-img {
    width: 100%;
}
	.sister-product-img img {
	    margin: 0 auto;
	    max-width: 100%;
	}
.sister-product-title {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
.sister-product-desc, 
.sister-product-price {
    font-size: 12px;
}
.sister-TKD, 
.sister-TKD .sister-body {
    border-color: #009fe3;
}
	.sister-TKD .sister-header-title, 
	.sister-TKD .sister-name, 
	.sister-TKD .sister-product-title {
	    color: #009fe3;
	}
	.sister-TKD .sister-header-cta, 
	.sister-TKD .sister-toggleproducts a {
	    background-color: #009fe3;
	}
.sister-JDF, 
.sister-JDF .sister-body {
    border-color: #ef4223;
}
	.sister-JDF .sister-header-title, 
	.sister-JDF .sister-name, 
	.sister-JDF .sister-product-title {
	    color: #ef4223;
	}
	.sister-JDF .sister-header-cta, 
	.sister-JDF .sister-toggleproducts a {
	    background-color: #ef4223;
	}
.sister-IHM, .sister-IHM .sister-body {
    border-color: #1d687d;
}
	.sister-IHM .sister-header-title, 
	.sister-IHM .sister-name, 
	.sister-IHM .sister-product-title {
	    color: #1d687d;
	}
	.sister-IHM .sister-header-cta, 
	.sister-IHM .sister-toggleproducts a {
	    background-color: #1d687d;
	}
.sister-FGE, .sister-FGE .sister-body {
    border-color: #ab2070;
}
	.sister-FGE .sister-header-title, 
	.sister-FGE .sister-name, 
	.sister-FGE .sister-product-title {
	    color: #ab2070;
	}
	.sister-FGE .sister-header-cta, 
	.sister-FGE .sister-toggleproducts a {
	    background-color: #ab2070;
	}

@media only screen and (max-width: 1024px) {
    .sisters-intro-title {
        font-size: 20px;
    }
    .sister-header-title {
        font-size: 16px;
    }
    .sister-desc {
        padding: 10px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .sisters-intro-title, 
    .sisters-intro-usp, 
    .sisters-intro-usp li {
        width: 98%;
    }
    .sister {
        margin-bottom: 15px;
        margin-right: 0;
    }
    .sisters {
        padding: 10px;
    }
    .sisters-intro-title {
        font-size: 16px;
    }
    .sister-header {
        min-height: 46px;
    }
    .sister-header-title {
        font-size: 12px;
        line-height: 16px;
    }
    .sister-desc {
        padding: 10px;
        font-size: 12px;
        line-height: 1.2em;
    }
    .sister-products, 
    .sister-toggleproducts, 
    .hide-on-mobile {
        display: none;
    }
    .sister-header-title {
        margin-right: 50px;
        padding: 5px 0;
    }
    .sister .sister-header-cta {
        width: 44px;
    }
    .sister .sister-header-cta span {
        text-align: center;
        padding: 10px 0;
        background-image: none
    }
}
/* complete : /css/common/responsive/cross-site-search.css*/


/* combine : /css/common/responsive/dressipi.css*/
/* dressipi widgets are third party widgets that a reactive in design */
/* there are responsive and mobile version as the containing divs are different widths on each */
.dressipiViewBagWidgetHide, .dressipiPLPWidgetHide, .dressipiPDPOutfitWidgetHide, .dressipiPDPSizeWidgetHide {
    margin: 10px 0; 
    width: 100%;
    display: none;
}

.dressipiViewBagWidgetShow, .dressipiPLPWidgetShow, .dressipiPDPOutfitWidgetShow, .dressipiPDPSizeWidgetShow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    margin: 10px 0; 
    width: 100%;
}

/* dressipiHeights - driven by media query on the iframe inside */
/* responsive design - folds around 517px */
/* 4x4 grid */
@media only screen and (max-width:517px) {
    .dressipiViewBagWidgetShow iframe {
        height: 650px;
    }
    .dressipiPLPWidgetShow iframe {
        height: 435px;
    }
    .dressipiPDPOutfitWidgetShow iframe {
        height: 731px;
    }
    .dressipiPDPSizeWidgetShow iframe {
        height: 75px;
    }
}
/* wide with shrinking images */
@media only screen and (min-width:518px) and (max-width:760px) {
    .dressipiViewBagWidgetShow iframe {
        height: 358px;
    }
    .dressipiPLPWidgetShow iframe {
        height: 435px;
    }
    .dressipiPDPOutfitWidgetShow iframe {
        height: 390px;
    }
    .dressipiPDPSizeWidgetShow iframe {
        height: 55px;
    }
}
/* wide */
@media only screen and (min-width:760px) {
    .dressipiViewBagWidgetShow iframe {
        height: 358px;
    }
    .dressipiPLPWidgetShow iframe {
        height: 435px;
    }
    .dressipiPDPOutfitWidgetShow iframe {
        height: 540px;
    }
    .dressipiPDPSizeWidgetShow iframe {
        height: 55px;
    }
}

/* complete : /css/common/responsive/dressipi.css*/