/* DEBUG CONTAINER STYLES */

div[containertype="page"], 
div[containertype="layout"], 
div[containertype="wci"], 
div[containertype="wci-include"] {
	border-style: solid;
	border-width: 0.188rem;
	float: left;
	padding: 0.25rem;
	width: 100%;
}

div[containertype="page"] {
	border-color: green !important;
}

div[containertype="layout"] {
	border-color: red !important;
}

div[containertype="wci"] {
	border-color: blue !important;
}

div[containertype="wci-include"] {
	border-color: #eccb15 !important;
}


.menuitems:hover {
	background: #0099ff !important;
}


.debugWrapper {
	float: left;
	width: 100%;
}

/* Max-width fix for DHTMLX popup (error content) */
.dhx_popup_dhx_skyblue {
	max-width: 40rem;
}

.dhxwins_vp_dhx_skyblue .dhxwin_active {

}

#errorPopupContent {
	line-height: 1.25;
	position: relative;
	white-space: pre-wrap;
	word-break: break-word;
}

.wciIssuesNotifyIconWrapper {
	position: relative;
	text-align: left;
	width: 100%;
}

.wciIssuesNotifyIcon {
	cursor: pointer;
	margin: 0.5rem;
}


#debug {
	background: #fff;
	float: left;
	max-width: 100%;
}

#debug h1 {
	text-align: left;
}

.debugContextMenu{
	word-wrap:break-word;
	width:100%;
    border-collapse: separate;
}

.debugTableContainer{
	word-wrap:break-word;
	width:100%;
	padding: 0.313rem;
	border-collapse: separate;
	float: left;
  }
  
.debugSection{
   font-size: 0.75rem !important;
   position:relative;
   width:100%;
  }
  
  .debugSection td {
	  font-size: 13px;
	  padding-right: 30px;
	  text-align: left;
  }

.debugTable {
	display: block;
	float: left;
	width: 100%
}

.debugRow {
	display: inline;
	float: left;
	width: 100%;
}

.debugCellLeft {
	float: left;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	width: 20%;
	text-align: left;
	font-size: 0.875rem !important;
}

.debugCellRight {
	float: left;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	width: 60%;
	text-align: left;
	color: #5da63b !important;
	font-size: 0.875rem !important;
	white-space: pre-wrap;
	word-break: break-word;
}

.debugCellMiddle {
	float: left;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	width: auto;
	font-size: 0.875rem !important;
}

.debugType {
	background: none repeat scroll 0 0 #79c456;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0.7rem 0 0;
	padding: 0.45rem 0.7rem;
	text-align: left;
	width: 100%;
}

.debugRespContainer {
	background: none repeat scroll 0 0 #f5f5f5;
	border: 0.077rem solid #ddd;
	box-sizing: border-box;
	clear: both;
	color: #000;
	display: none;
	float: left;
	font-family: "Arial", Helvetica;
	font-size: 0.875rem !important;
	margin: 0.45rem 0 -0.3rem 0.313rem;
	max-width: 97%;
	padding: 0.25rem;
	position: relative;
	text-align: left;
	white-space: pre-wrap !important;
	width: auto;
	word-wrap: break-word;
	z-index: 90;
}

.debugRespContainer a:link,
.debugRespContainer a:visited,
.debugRespContainer a:active {
	background: transparent;
	color: #5da63b !important;
	font-family: "Arial", Helvetica !important;
	font-size: 0.875rem !important;
	font-weight: normal !important;
	height: auto !important;
	padding: 0;
	white-space: pre-wrap !important;
    word-break: break-word;
}

.debugRespContainer a:hover {
	background: transparent;
	color: #000 !important;
	text-decoration: underline;
}

.skin1 hr {
	margin: 0.25rem 0;
}



.debugTableContainer #mainWrapper, 
.debugTableContainer #contentWrap {
	
}

.debugTableContainer .slick-slider {
	margin-right: -30px;
	margin-left: -30px;
}

.debugTableContainer #mainFeatureAd .slick-prev, 
.debugTableContainer #specialOffers .slick-prev {
	left: 0.9rem;
}

.debugTableContainer #mainFeatureAd .slick-next, 
.debugTableContainer #specialOffers .slick-next {
	right: 0.9rem;
}

.debugTableContainer #searchNormalMenu {
	margin: -8.65rem 2rem 0 0 !important;
}

.debugTableContainer #mastheadNavigationMenu {
	position: static !important;
}

.debugTableContainer .mastheadTaglineArea span, 
.debugTableContainer .mastheadTaglineArea div, 
.debugTableContainer .mastheadTaglineArea  a {
	white-space: wrap !important;
}

.debugTableContainer .seriesColumnNotification, 
.debugTableContainer .subSeriesColumnNotification {
	display: inline-block;
	float: none !important;
	height: auto !important;
	overflow: visible;
}

.debugTableContainer .subSeriesColumnPrice ul li {
	display: inline-block;
	float: none;
	width: 100%;
}

.debugTableContainer #myAccountSavedCarts dd.accordion-navigation .content.active {
	display: inline-block !important;
}

.debugTableContainer #footerCountrySelector {
	max-width: none !important;
	width: initial;
}

.dhxwin_button_minmaxed {
	display: block;
}





.skin1 {
	visibility:hidden;
	cursor:default;
	position: absolute;
	/*top: 400;*/
	z-index: 20000;
	text-align:left;
	font-family:Arial;
	font-size: 13px;
	padding: 5px 5px;
	width:120px;
	background-color:#f5f5f5;
	border: 1px solid #ddd;
	-moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;
}

.skin1 hr {
	border-top: 1px solid #ddd;
	width: 89%;
}

.menuitems {
	color:#000000;
	padding: 3px 7px;
}

.i2DebugType {
	background: #79c456;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 10px;
}

.debugContainer {
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 8px 8px 0px 0px;
	box-sizing: border-box;
	display: none;
	float: left;
	font-family: 'Arial', Helvetica;
	margin: 5px 0px 0px 8px;
	max-width: 97%;
	padding: 3px;
	position: relative;
	text-align: left;
	width: auto;
	word-wrap: break-word;
	z-index: 150;
}

div.dhx_modal_cover_dv {
	z-index: 16002 !important;
}

.dhxwins_vp_dhx_skyblue {
	overflow: visible !important;
}

.dhtmlx_window_active {
	z-index: 16003 !important;
}

div.dhx_popup_dhx_skyblue {
	z-index: 16003 !important;
}

.dhx_popup_area table {
	border: none !important;
	float: none !important;
}

.wciIssuesNotifyIcon {
	position: relative;
	/*z-index: 16000;*/
}

.wciIssuesContainer { border: 2px solid red; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; background-color: #ffeeee; padding: 4px; z-index: 16001; position: relative; }

/* LOGOUT INFO STYLES */

#_debugTable0Info {
	
}




/* Body inner wrapper fix for Debug Mode */
.debugTableContainer .body-inner-wrapper {
	overflow: visible;
}

/* Auto-height fix */

.debugTableContainer .seriesColumnNotification {
	height: auto !important;
}


#importDiv, #exportDiv {
	display: none;
	text-align: left;
}

#importContent, #exportContent {
	width: 100% !important;	
	resize: none;
}

#exportContent {
	height: 20rem !important;
}

#importContent {
	height: 16.5625rem !important;
}

#importButton {
	margin-top: 0.5rem;
    padding-bottom: 0.25rem;
    padding-top: 0.375rem;
}
@media only screen 
and (max-width: 47.500em),
and (-webkit-min-device-pixel-ratio: 2),
and ( min--moz-device-pixel-ratio: 2),
and ( -o-min-device-pixel-ratio: 3/2),
and ( min-device-pixel-ratio: 2),
and ( min-resolution: 192dpi),
and ( min-resolution: 2dppx) {
	.debugCellLeft {
		width: 100%;
	}
	
	.debugCellRight {
		width: 90%;
	}
	
	.dhxwin_active {
		width: 100%;
		height: 100%;
	}
	
	#importButton {
		width: 100%;
	}
}

@media only screen 
and (max-width: 40.063em),
and (-webkit-min-device-pixel-ratio: 2),
and ( min--moz-device-pixel-ratio: 2),
and ( -o-min-device-pixel-ratio: 3/2),
and ( min-device-pixel-ratio: 2),
and ( min-resolution: 192dpi),
and ( min-resolution: 2dppx) {
	.debugTableContainer #mainWrapper, 
	.debugTableContainer #contentWrap {
		display: block;
	}

	.debugTableContainer #footerCountrySelector {
		width: 100%;
	}
	
	.debugTableContainer #mastheadUpperMenu {
		top: 0.75rem;
		right: 3.9rem;
	}
	
	.debugTableContainer .mh-search-field-middle {
		float: left;
		width: 100%;
	}
	
	.dhxwin_button_minmaxed {
		display: none;
	}
}