/* Page */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
ul{list-style:none;}

body {font: normal 13px Arial, sans-serif;}
h2 {font: normal 26px Arial, sans-serif; padding: 0 0 0 0; margin: 1em 0 1em 0;}
.wrap {width: 960px; margin: 0 auto;}
.demo-container {padding: 20px 0;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}

/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#block-product_dropdown-product_dropdown,
#block-product_dropdown-in_page_top_menu {
}


.page-tnid-item-20334 #block-product_dropdown-in_page_top_menu{
	float:right;
}


.mega-menu-secondary {
	font: normal 13px Arial, sans-serif;
	list-style: none;
	position: relative;
	margin: 0;
	float: left;
	width: 100%;
}

.mega-menu-secondary .sub ul {
display: block;
}

#content ul.mega-menu-secondary, #content ul.mega-menu-secondary ul, #content ul.top_menu{
	position:relative;
	padding: 0 0 25px 0;
}

#content ul.mega-menu-secondary li .sub li ul.mega-hidden {
	padding:0 0 0 10px;
	float: left;

	width: 350px;
}

.mega-menu-secondary, ul.top_menu {
	width: 100%;
	height: 40px;
	position: relative;
}

.mega-menu-secondary li, ul.top_menu li{
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.mega-menu-secondary li a {
	float: left;
	display: block;
	color: #fff;
	padding: 12px 25px;
	text-decoration: none;
}

.mega-menu-secondary li.mega-hover a, .mega-menu-secondary li.mega-hover a:hover {
	color: #000;
}

.mega-menu-secondary li a:hover {
	color: #000;
}

#content .mega-menu-secondary li a:hover, #content .mega-menu-secondary li a.flyout{
	color:#ffffff;
}


#content .mega-menu-secondary li ul li a:hover{
	color: #666;
}




.mega-menu-secondary li .sub-container {
	position: absolute;
	margin-top:4px;
}

#content ul.mega-menu-secondary li ul.sub {
	background: #ffffff;
	/*border:1px solid #cccccc;*/
	box-shadow: 2px 2px 2px #888;
	border-left: 1px solid #ccc;
	padding-bottom:0;
	top:-4px;
}

.mega-menu-secondary li .sub .row {
	width: 100%;
	overflow: hidden;
	clear: both;
	/*padding: 15px;*/
}

#content .mega-menu-secondary li .sub li ul.inner-sub {
	padding:0px 15px;
}

.mega-menu-secondary li .sub li {
	list-style: none;
	float: none;
	width: 360px;
	font-size: 1em;
	font-weight: normal;
}
.mega-menu-secondary li .sub li.mega-hdr {
	margin: 0 20px 10px 0;
	float: left;
	width:100%;
}
.mega-menu-secondary li .sub li.mega-hdr.last {
	margin-right: 0;
}
.mega-menu-secondary li .sub a {
	background: none;
	color: #111;
	padding: 4px 5px 6px 5px;
	display: block;
	float: none;
	font-size: 1.0em;
}
.mega-menu-secondary li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 15px;
	margin-bottom: 5px;
	background: #6B6B6B;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #888;
}
.mega-menu-secondary li .sub li.mega-hdr a.mega-hdr-a:hover {
	color: #eeeeee;
}

.mega-menu-secondary li.main-section a.mega-hdr-a{


}

.mega-menu-secondary .sub li.mega-hdr li a {
	padding: 4px 0px 0 5px;
	font-weight: 700;
}
.mega-menu-secondary .sub li.mega-hdr li a:hover {
	color: #a32403;
}
.mega-menu-secondary .sub ul li {
	padding-right: 0;
}
.mega-menu-secondary li .sub-container.non-mega .sub {
	padding: 10px;
}
.mega-menu-secondary li .sub-container.non-mega li {
	padding: 0;
	width: 190px;
	margin: 0;

}
.mega-menu-secondary li .sub-container.non-mega li a {
	padding: 7px 5px 7px 22px;
}
.mega-menu-secondary li .sub-container.non-mega li a:hover {
	color: #a32403;
}

.mega-menu-secondary li .sub li ul.mega-hidden{
	color:#000000;
	font-size:bold;
	display:none;
	padding:5px 0 5px 0;
	float:left;
}

.mega-menu-secondary li .sub li {
    color: #666666;
    font-size: 12px;
}

.mega-menu-secondary li .sub li a{
	line-height:19px;
}


.mega-menu-secondary li .sub li ul.mega-hidden li{
	color:#999999;
	font-size:12px;
	padding:2px 0 0 0;
}

.mega-menu-secondary li .sub li.mega-unit{
	height:auto !important;
}


.mega-menu-secondary li .sub li ul.mega-hidden li a{
	padding: 2px 0 2px 5px;
}




.mega-menu-secondary li, ul.top_menu li {
	float:left;
	display:block;
}

.mega-menu-secondary.megadropdown-header-bar{
	-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
    height: 35px;
    width: 100%;
}


/* 20929 redesign stuff */
.mega-menu-secondary li a.first,
ul.top_menu li a {
	text-decoration:none;
	color:#000000;
	background: #b0b7bb;
	padding:0px 15px 0px 5px;
	margin:0 5px 0 0;
	height:35px;
	font-family:Arial, Times New Roman;
	float:left;
	font-weight:normal;
    cursor:pointer;
	-webkit-box-shadow:0px 2px 4px rgba(204, 204, 204, 1);
	-moz-box-shadow:0px 2px 4px rgba(204, 204, 204, 1);
	box-shadow:0px 2px 4px rgba(204, 204, 204, 1);
	position:relative;
	behavior:url(/PIE.php);
}

#content .mega-menu-secondary li a.first:hover,
#content .mega-menu-secondary li a.first.active,
#content .mega-menu-secondary li a.first.flyout,
#content ul.top_menu li a:hover {
	color:#ffffff;
	background: #7c878c;
	border-radius:0;
}

.mega-menu-secondary li a.dc-mega span.dc-mega-icon {
	background: url('../../../../themes/panasonic/images/Pansonic-sprite-sheet_V3.png') no-repeat -300px -352px;
	width: 14px;
	height: 14px;
	display:inline-block;
	margin-left:5px;
}


.mega-menu-image img{
	padding:0 38px 0 0px;
}



.mega-menu-secondary .item-count{
	background:#666666;
	color:#ffffff;
	margin:-2px 0 -4px 4px;
	padding:2px 0 0 3px;
	font-size:11px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	width:15px;
	height:16px;
	float:left;
	font-weight:bold;
	letter-spacing:0px;
	font-family:arial;

}

.mega-menu-secondary  .item-title{
	float:left;
}

.mega-menu-secondary .hidden-item-title{
	width:100% !important;
	float:left !important;
    background: url("../images/arrow.png") no-repeat scroll 0 8px transparent;
    padding: 0 0 0 6px !important;
}



.mega-menu-secondary li .sub div.mega-drop-down-close{
	float:right;
	width:80px
}


.mega-menu-secondary li .sub div.mega-drop-down-close a{
	color:#ffffff;
	font-size:14px;
	padding:10px 0 0 0;
}


.mega-menu-secondary li a, ul.top_menu li a{
	font-size: 14px;
}

.mega-menu-secondary .item-count {
	width:18px; /*width:12px;*/
	height:18px;
	text-align:center;
	padding:0; /*padding:0 0 2px 6px;*/
}

.mega-menu ul.mega-hidden {
	clear:both;
}

.mega-menu-secondary li .sub h2.heading {
	/*width:410px;*/
	background:#666666;
	color:#FFFFFF;
	padding:0;
	margin:0 0 5px 0;
	text-align:right;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#666666)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666666,  #666666); /* for firefox 3.6+ */
	position:relative;
	z-index:50;
	behavior: url(/PIE.php);
}

#content .mega-menu-secondary li .sub h2.heading a {
	color:#FFFFFF;
	font-size:13px;
	padding-right:10px;
	display:inline-block;
}

.mega-menu-secondary li .sub h2.heading a .sprite-holder {
	background: url('../../../../themes/panasonic/images/Pansonic-sprite-sheet_V3.png') no-repeat -388px -353px;
	width: 13px;
	height: 14px;
	margin-left:5px;
	display:inline-block;
	margin-bottom:-3px;
}

#block-product_dropdown-solution_menu {
    margin-top:40px;
}
#content #block-product_dropdown-solution_menu a.active {
	color:#ffffff;
}

#content ul li.back-button .sprite-holder {
	background: url('../../../../themes/panasonic/images/Pansonic-sprite-sheet_V3.png') no-repeat -725px -414px;
	width: 11px;
	height: 12px;
	display:inline-block;
	margin-right:8px;
}

#accessory_filter_buttons .button {
    margin-right:10px;
}


/*********************************************************
** PRODUCT PAGE DROPDOWNS
** Currently styled to work on the redesign product node - 07.02.2014
** If this is required across the whole site, one could just remove the
** first class wrapper on the below styles.
*********************************************************/
.node-type-product .block-product-dropdown,
.node-type-page .block-product-dropdown,
.node-type-product-accessory .block-product-dropdown,
#ce_tabs
{ text-align: center; }
/*.node-type-product .block-product-dropdown .block-inner{
	text-align: center;
} */
.node-type-product .block-product-dropdown .content,
.node-type-page .block-product-dropdown .content,
.node-type-product-accessory .block-product-dropdown .content
{ margin-bottom: 35px; }

.node-type-product .block-product-dropdown ul,
.node-type-page .block-product-dropdown ul,
.node-type-product-accessory .block-product-dropdown ul,
#ce_tabs ul#mega-menu-2
{
	float: none;
	height: 34px; width: auto;
	display: inline-block; *display: inline; zoom: 1;
	border:1px solid #e3e3e3;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background: url('../images/dropdown-bg-grad.png') top left repeat-x;
	line-height: 34px !important;
	border-radius: 5px; height: 34px;
	padding: 0px !important;
}
.node-type-product .block-product-dropdown ul.clearfix:after,
.node-type-page .block-product-dropdown ul.clearfix:after,
.node-type-product-accessory .block-product-dropdown ul.clearfix:after
{ content: ''; }

.node-type-product .block-product-dropdown ul li,
.node-type-page .block-product-dropdown ul li,
.node-type-product-accessory .block-product-dropdown ul li
{
	float: none; vertical-align: middle;
	position: relative;
	border-right: 1px solid #e2e2e2;
	box-shadow: 1px 0px 0px 0px #ffffff;
	display:inline-block;
	line-height: 34px !important;
	margin-top: -4px;
}

.node-type-product .block-product-dropdown ul li:nth-child(1),
.node-type-page .block-product-dropdown ul li:nth-child(1),
.node-type-product-accessory .block-product-dropdown ul li:nth-child(1)
{
	border-bottom-left-radius: 5px; border-top-left-radius: 5px;
}

.node-type-product .block-product-dropdown ul li:nth-last-child(1),
.node-type-page .block-product-dropdown ul li:nth-last-child(1),
.node-type-product-accessory .block-product-dropdown ul li:nth-last-child(1)
{
	border-right: 0px; box-shadow: none;
	border-bottom-right-radius: 5px; border-top-right-radius: 5px;
}

.node-type-product .block-product-dropdown ul li:hover,
.node-type-page .block-product-dropdown ul li:hover,
.node-type-product-accessory .block-product-dropdown ul li:hover,
#ce_tabs ul#mega-menu-2 li.ui-tabs-active{
    background: url('../images/dropdown-hover-bg-grad.png') top left repeat-x;
}

.node-type-product .block-product-dropdown ul li a,
.node-type-page .block-product-dropdown ul li a,
.node-type-product-accessory .block-product-dropdown ul li a,
#ce_tabs ul#mega-menu-2 li a
{
	padding: 0px; margin: 0px; height:auto; background: transparent; box-shadow: none;
	padding: 0px 15px;
	font-weight: 700;
	font-family: 'Open Sans Condensed',sans-serif;
	font-size: 13px; text-transform: uppercase;
	color: #434343 !important;
	background: transparent !important;
}
.node-type-product .block-product-dropdown ul li a:hover,
.node-type-page .block-product-dropdown ul li a:hover,
.node-type-product-accessory .block-product-dropdown ul li a:hover
{
	background: transparent !important; color: inherit !important;
}

/* DROPDOWN CONTENT */
.node-type-product .block-product-dropdown ul li a .dc-mega-icon{ display: none; }

.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container{
	bottom:0px; top: auto;
	margin-top: 3px; width: auto;
}
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container .row{ width: auto !important; }

.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container .heading{ height: 5px; background: #e3e3e3; }
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container .heading .close-btn{ display:none !important; }
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container ul{
	border-radius: 0px; height: auto;
}
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container ul li{ background: transparent; text-align: left; }
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container ul li:hover{ background: transparent; }
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container .inner-sub{
	background: transparent; border:0px; box-shadow: none;
}
.node-type-product .block-product-dropdown ul li.dc-mega-li .sub-container .inner-sub li a{ text-transform: none; }


.node-type-product #content ul.mega-menu-secondary li ul.sub{
	background-color: #ffffff;
	background-image: url('../images/dropdown-subrow-bg-grad.png');
	background-position: bottom left;
	background-repeat: repeat-x;
}

.node-type-product #content ul.mega-menu-secondary li ul.sub,
.node-type-product #content ul.mega-menu-secondary li ul.sub .row {
	/*border:1px solid red;*/
	/*width: auto !important;*/
}

.node-type-product .sub-container.mega { left: 0px !important; margin-left: 0px !important; }
.node-type-product .sub-container.mega .sub .row li{ margin-bottom: 0px; }
.node-type-product .sub-container.mega ul.inner-sub { min-width: 360px; margin-top: 10px; }
.node-type-product .sub-container.mega ul.inner-sub li a:hover{ color: #1aa0c4 !important; }

ul#termFactSheetSubMenu li  {}
ul#termFactSheetSubMenu li  a{
	display: block;
	width: 169px;
	height: auto;
	min-height: 35px;
	padding: 5px ;
	position: relative;
	left: -1px;
}



#block-product_dropdown-solution_menu .mega-menu-secondary li a.first{
	font-weight: normal;
	font-family: Arial, 'Times New Roman';
	text-transform: capitalize;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	width: 150px;
	height: 50px;
	background: #b0b7bb  !important;
	margin-right: 4px;
	box-shadow: 0px 2px 4px rgba(204, 204, 204, 1);
	padding: 0px 15px 0px 5px;
}
#block-product_dropdown-solution_menu ul.mega-menu-secondary{
	background-image: none;
	border: none;
}
#block-product_dropdown-solution_menu .mega-menu-secondary li a.first.active{
	background: #7c878c  !important;
	color: #fff !important;
}
#block-product_dropdown-solution_menu .mega-menu-secondary li a:hover{
	background: #7c878c  !important;
	color: #fff !important;
	}
.node-type-page .block-product-dropdown{text-align: left;}
#block-product_dropdown-solution_menu #termFactSheetLi .sub-container #termFactSheetSubMenu li a.first{width: 150px; height: auto;}
#termFactSheetLi .dc-mega-icon{display: none;}