/******************************************
*** This CSS starts a complete re-do of
*** the page menu items.
*** To enable them, you should just be
*** able to include this file and it
*** will be a decent start.
*******************************************/

#page_menu_item_container {
	width:745px;
	margin:0;
	overflow:hidden;
}
#page_menu_item_container .hidden{ display: none; }
#page_menu_item_container ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
#page_menu_item_container ul li {
	/*width:230px;*/
	width:228px;
	min-height:200px;
	display:block;
	margin:0px 17px 18px 0px;
	float:left;
	/*-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);*/

	border:1px solid #e6e6e7;
    box-shadow: 0px 1px 2px 0px #e6e6e6;
    /*box-shadow: 0px 0px 4px #cccccc;
    border:1px solid #cacaca;*/

	background: #ffffff;
}
/* Every 3rd item shouldn't have a right margin */
#page_menu_item_container ul li:nth-child(3n) {
	/*margin-right:0px;*/
}
#page_menu_item_container ul li a {
	display:block;
	width:100%;
	/*height:100%;*/
	background: transparent !important;

	min-height: 290px;
	padding-bottom: 10px;
	/*border:1px solid red;*/
	position: relative;
}
#page_menu_item_container ul li a:hover {
	color: #1aa0c4 !important;

}

#page_menu_item_container ul li a .image{
	display: inline-block; *display: inline; zoom: 1;	width: 100%;
	margin: 5px 0px; min-height: 90px;
	text-align: center;
}
#page_menu_item_container ul li a .no-image-spacer{ display: block; position: relative; height: 20px; width: 100%; }
#page_menu_item_container ul li a .image.multi-image .base-image{ display: none; }
#page_menu_item_container ul li a .image img{ margin-bottom: -7px; }
#page_menu_item_container ul li a .alter-70 img{ margin-top: 10px !important; }
#page_menu_item_container ul li a .title{
	font-size: 20px; font-family: 'Open Sans Condensed'; font-weight: bold;
	display: block; text-align: center;
	margin-bottom: 5px; padding: 0px 10px;
	margin-left: 10px; margin-right: 10px;
	width: auto;
}
#page_menu_item_container ul li a .summary{
	display: inline-block; *display: inline; zoom: 1; margin-left: 10px; margin-right: 10px;
	text-align: center; line-height: 16px; min-width: 208px;
}
#page_menu_item_container ul li a .summary .sum-read-more{ font-weight: bold; }
#page_menu_item_container ul li a .read-more{
	/*border: 1px dashed green; */
	display: block; width: 100%;
	position: absolute; bottom: 5px; left: 0px;
	text-align: center; font-weight: bold;
}


.view_all_accessories{ /*background: rgba(0,0,0,0.2);*/ }

.view_all_accessories li.accessory,
.is_accessory_category{
	min-height: 170px !important;
}

.view_all_accessories li.accessory,
.is_accessory_category,
.is_product_accessory
{
	border:1px solid #d8d8d8 !important;
	background-color: #ebebeb !important;
	background-image: url('../../../../../themes/panasonic/images/images_20929/accessories/category-background.png') !important;
	background-position: bottom left !important;
	background-repeat: repeat-x !important;
}
.view_all_accessories li.accessory a,
.is_accessory_category a{
	min-height: 160px !important;
	/*border:1px solid blue !important;*/
}

#page_menu_item_container ul li.is_product_accessory{ min-height: 230px !important; }
#page_menu_item_container ul li.is_product_accessory a{ min-height: 220px; }


.view_all_accessories li a .image{ margin-top: 10px !important; }

.view_all_accessories li.accessory a,
.is_accessory_category a,
.is_product_accessory a
{ text-align: center !important; }

.view_all_accessories li.accessory .summary,
.is_accessory_category .summary
{ display: none !important; }


/* FILTER BUTTONS */
#accessory_filter_buttons{ text-align: center; margin-bottom: 20px; margin-right: 11px; }
#accessory_filter_buttons .button{
	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 !important;
	line-height: 34px !important;
	border-radius: 5px; height: 34px;
	padding: 0px 10px !important;
	border-radius: 5px;
	font-weight: 700;
	font-family: 'Open Sans Condensed',sans-serif;
	font-size: 13px; text-transform: uppercase;
	color: #434343 !important;
}
#accessory_filter_buttons .button.active{
	background: url('../../images/dropdown-hover-bg-grad.png') top left repeat-x !important;
}
#accessory_filter_buttons #product_button{
	border-top-right-radius: 0px; border-bottom-right-radius: 0px;
	margin:0px;
}
#accessory_filter_buttons #accessory_button{
	border-top-left-radius: 0px; border-bottom-left-radius: 0px;
	border-left: 1px solid #ffffff;
}



/*PRODUCT ACCESSORY POPUP*/
.popup-accessory-page-holder #sb-body,
.popup-accessory-page-holder #sb-loading{ border-radius: 0px; }
.popup-accessory-page-holder #sb-wrapper-inner{ border-radius: 0px !important; }
.popup-accessory-page-holder #sb-body-inner{
	background: url('../../../../../themes/panasonic/images/images_20929/accessories/popup-body-background.png') left top repeat-x !important;
	border-radius: 0px;
}

.page-popup-accessory .header_title
{
	border-radius: 0px;
	background-image: url('../../../../../themes/panasonic/images/images_20929/accessories/popup-header-background.png') !important;
	background-position: bottom left !important;
	font-family: 'Open Sans Condensed'; font-weight: bold;
	color: #ffffff;
	height: 41px;
	padding: 17px 30px; padding-bottom: 0px;
}
.page-popup-accessory .header_title a{
	width: 16px; height: 15px; margin-top: 6px;
	color: transparent;
	background: url('../../../../../themes/panasonic/images/images_20929/Panasonic-sprite-sheet_20929-2-1.png') no-repeat -128px -379px;
}

.page-popup-accessory .content { padding: 0px; border-radius: 0px; }
.page-popup-accessory .login_popup_holder{ background: transparent !important; }
.page-popup-accessory .login_popup_holder .content { margin: 30px; background: transparent !important; }
.page-popup-accessory .content .prod-popup-wrapper .accessories-left-area{ float: left; }
.page-popup-accessory .content .prod-popup-wrapper .accessories-left-area h1{ font-family: 'Open Sans Condensed'; font-weight: bold; font-size: 24px; }

.page-popup-accessory #content-area .spec-table,
.page-popup-accessory section#body-inner{ background: transparent; }

.page-popup-accessory .accessory-image-download-link-container{ margin: 0px; margin-bottom: 20px; }
.page-popup-accessory .accessory-image-download-link-container a{ display: block; }
.page-popup-accessory #accessory-image-download-link{
	border-radius: 3px;
	background: #1aa0c4; color: #ffffff;
	font-family: 'Open Sans Condensed'; font-weight: bold; font-size: 14px; text-transform: uppercase;
	padding: 5px 10px;
}

.page-popup-accessory .description,
.page-popup-accessory .spec-content{ color: #575757; }
.page-popup-accessory .description strong,
.page-popup-accessory .spec-content strong{ color: #606d79; }

.page-popup-accessory .content .prod-popup-wrapper .accessories-left-area .description p.label,
.page-popup-accessory #content-area .spec-table .tbl-head
{
	font-family: 'Open Sans Condensed'; font-weight: bold; font-size: 18px; line-height: 22px;
	padding-bottom: 5px; border-bottom: 1px solid #cecece; color: #606d79;
}

.page-popup-accessory .content .prod-popup-wrapper .accessories-left-area .description p.label, .page-popup-accessory #content-area .spec-table .tbl-head{ margin-top: 20px; }



/* COLLAPSERS */
#content .question-container-button{
    padding: 5px 10px;
}
#content .question-container-answer{ padding-left: 10px; }