/*
 * Phoenix Containers CSS
 * @author Keegan Watkins
 * @coauthor Levi Sitters
 * Styles for containers (graphical blocks)
 */

/* Whitespace blocks */
.pnx-block-1x {
	margin-bottom:12px;
}

.pnx-block-2x {
	margin-bottom:24px;
}

.pnx-block-3x {
	margin-bottom:36px;
}

.pnx-block-1x p:last-child, .pnx-block-2x p:last-child, .pnx-block-3x p:last-child{
	margin-bottom: 0;
}
/* Coreblocks */
.pnx-coreblock-mask {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:0px solid #CCCCCC;
	background-color:#FFFFFF;
}
.pnx-coreblock-border{
	border:1px solid #CCCCCC;
}

/* Feature graphics */
.pnx-feature-graphic {
	height:250px;
	margin-bottom:24px;
}

.pnx-feature-graphic .right, .pnx-feature-graphic .left {
	margin:48px 24px 0;
}

.pnx-feature-graphic-content{
	width: 250px;
}

.pnx-feature-graphic h2 {
	color: #065fa3;
	margin-bottom:12px;
	font-weight: normal;
}

.pnx-feature-graphic p {
	margin-bottom:12px;
}

.pnx-feature-graphic a {
	font-weight: bold;	
}

.pnx-feature-graphic-app * {
	color: #fff !important;
}

/* Speech bubbles */
.pnx-speech-bubble .pnx-speech-bubble-content {
	background:#f2f2f2;
	padding:10px;
	border-top-right-radius:6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius:6px;
	border-top-left-radius:6px;-moz-border-radius-topleft: 6px;-webkit-border-top-left-radius:6px;
	border-bottom-right-radius:6px;-moz-border-radius-bottomright: 6px;-webkit-border-bottom-right-radius:6px;
}

.pnx-speech-bubble .pnx-speech-bubble-arrow {
	font-size: 0px; width: 0px;
	border-top: 20px solid #f2f2f2;
	border-right: 20px solid transparent;
	_border-right-color: white; /* ie6 */
	_filter: chroma(color=white); /* ie6 */
}
/* Sidebar */
.pnx-container-group,
.pnx-sidebar
{
	background-color:#f6f6f6;
	padding:0;
	border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.pnx-container-group .pnx-container,
.pnx-sidebar .pnx-sidebar-content
{
	padding:0px 12px 12px 12px;
	border:none!important;
  border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.pnx-container-group .pnx-container:first-child
{
  padding-top:12px;
}

.pnx-container-group HR,
.pnx-sidebar HR
{
  color: #ffffff;
  background-color: #ffffff;
  height: 2px;
  border:none;
  margin:0 0 12px 0;
}

.pnx-container-group .pnx-sidebar-container H4,
.pnx-sidebar-container H4,
.pnx-container-group .pnx-sidebar-container H3,
.pnx-sidebar-container H3
{
    padding-top:12px;
    padding-left:12px;
  	font-size: 14px;
}

/* Containers */
.pnx-container {
	padding:12px;
	border:1px solid #ccc;
	border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
	-moz-box-shadow: 0 -1px 0 #FFF inset, 0 1px 0 #FFF inset, -1px 0px 0 #FFF inset, 1px 0px 0 #FFF inset;
	-webkit-box-shadow: 0 -1px 0  #FFF inset, 0 1px 0 #FFF inset, -1px 0px 0 #FFF inset, 1px 0px 0 #FFF inset;
	box-shadow: 0 -1px 0  #FFF inset, 0 1px 0 #FFF inset, -1px 0px 0 #FFF inset, 1px 0px 0 #FFF inset;
}

.pnx-container-0, .pnx-container-1, .pnx-container-2 {
	background: #f2f2f2;
}

.pnx-container-3 {
	background:#f6f6f6;
	border: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.pnx-dropshadow
{	-moz-box-shadow: 0px 3px 8px 0px #e3e3e3;
	box-shadow: 0px 3px 8px 0px #e3e3e3;
	-webkit-box-shadow: 0px 3px 8px 0px #e3e3e3;
}
/******** PNX Table Styles ********/

table {
	max-width: 100%;
  	border-collapse: collapse;
  	border-spacing: 0;
  	background-color: transparent;
}
.pnx-table{
  	width: 100%;
}
.pnx-table-fixed
{
  table-layout: fixed;
}
.pnx-table th,
.pnx-table td{
  	padding: 8px 6px;
  	vertical-align: top;
	border-bottom: 1px solid #CCC;
	/*border-left: 1px hidden #f00;
	border-right: 1px hidden #f00;*/
}
.pnx-table thead,
.pnx-table th,
.pnx-table tr.thead td

{
	border: 1px solid #ccc;
	background: #D0D0D0 url('../img/gradients/pnx-table-hd-bg.png') 0 top repeat-x;
}

.pnx-table th {
	font-weight: bold;
	vertical-align: bottom;
}

.pnx-table th.price,
.pnx-table td.price
{
	text-align: right;
	white-space: nowrap;
}

.pnx-table th.numeric,
.pnx-table td.numeric
{
	text-align: center;
}

.pnx-table-cntr td,
.pnx-table-cntr th,
{
	vertical-align: middle;
	text-align: center;
}

.pnx-table-row th,
.pnx-table-row td{
	border-left: none;
	border-right: none;
}

.pnx-table-bdr{
	border: 1px solid #CCC;
}

.pnx-table-bdr td{
	border: 1px solid #E5E5E5;
}

.pnx-table-bdr th{
	border-bottom: 1px solid #B3B3B3;
}

.pnx-table-condensed th, .pnx-table-condensed td{
	padding: 4px;
}

.pnx-table-highlight td{
	background-color: #E6EFF6;
}

.pnx-table-condensed{
	padding: 3px;
	font-size: 11px;
}

.pnx-table-striped tbody tr:nth-child(odd) td, .pnx-table-striped tbody tr:nth-child(odd) th,
.pnx-aem-table.pnx-table-striped table tbody tr:nth-child(odd) td, .pnx-aem-table.pnx-table-striped table tbody tr:nth-child(odd) th{
background-color: #F2F2F2;
}

.pnx-table tfoot {
	background: #F6F6F6;
}

/******** PNX Table Styles for AEM ********/

.pnx-aem-table table {
  	width: 100%;
}
.pnx-aem-table.pnx-table-fixed
{
  table-layout: fixed;
}
.pnx-aem-table table th, .pnx-aem-table table td{
  	padding: 8px 6px;
  	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-left: 1px hidden #f00;
	border-right: 1px hidden #f00;
}

.pnx-aem-table table thead,
.pnx-aem-table table th,
.pnx-aem-table table tr.thead td

{
	border: 1px solid #ccc;
	background: #D0D0D0 url('../img/gradients/pnx-table-hd-bg.png') 0 top repeat-x;
	line-height: normal;
}

.pnx-aem-table table th {
	font-weight: bold;
	vertical-align: bottom;
}

.pnx-aem-table table th.price,
.pnx-aem-table table td.price
{
	text-align: right;
	white-space: nowrap;
}

.pnx-aem-table table th.numeric,
.pnx-aem-table table td.numeric
{
	text-align: center;
}

.pnx-aem-table.pnx-table-bdr table {
	border: 1px solid #CCC;
}
.pnx-aem-table.pnx-table-bdr table td{
	border: 1px solid #E5E5E5;
}
.pnx-aem-table.pnx-table-bdr table th{
	border-bottom: 1px solid #B3B3B3;
}

.pnx-aem-table.pnx-table-condensed th, .pnx-aem-table.pnx-table-condensed td{
	padding: 4px;
}
.pnx-aem-table.pnx-table-condensed{
	border:hidden;
}
.pnx-aem-table.pnx-table-highlight table th{
	background-color: #E6EFF6;
}
.pnx-aem-table.pnx-table-condensed table, .pnx-aem-table.pnx-table-condensed{
	padding: 0;
	font-size: 11px;
}

.pnx-aem-table.pnx-table-striped table tbody tr:nth-child(odd) td, .pnx-aem-table.pnx-table-striped table tbody tr:nth-child(odd) th{
background-color: #F2F2F2;
}

.pnx-table tfoot {
	background: #F6F6F6;
}

/******** Collapsible Tables ********/

/******** Collabsible Tables (CT-) ********/
.collapse{
	cursor: pointer;
}
.c-table-head{
	background: #D0D0D0 url('../img/gradients/pnx-table-hd-bg.png') 0 0 repeat-x;
	padding: 6px;
	padding-left: 6px;
	padding-bottom: 0;
	border: 1px solid #CCC;
	border-bottom: 1px solid #B3B3B3;
	cursor: pointer;
}

.c-table-head:hover{
	background: #E7F0F6 url('../img/gradients/c-table-head-bg-hover.png') 0 0 repeat-x;
}

.c-table-content{
	border-top: none;
}

.c-table .pnx-table thead{
	border: none;
	border-bottom: 1px solid #CCC;
	background: #E2E2E2 url('../img/gradients/c-table-pnx-tabl-hd-bg.png') 0 0 repeat-x;
}

.c-table .pnx-table th{
	color: #666666;
}

.c-table .pnx-table-bdr{
	border-top: none;
}

.c-table .pnx-table-bdr td{
	border-left: none;
}


/******** Scrollable Tables ********/
.pnx-scrollable-table-container
{
	overflow-x: hidden;
}
.pnx-scrollable-table td
{
    height:auto!important;
}
.pnx-scrollable-table th {
    height:auto!important;
    white-space: nowrap;
    background: url("../img/gradients/pnx-table-hd-bg.png") repeat-x scroll 0 top #D0D0D0!important;
}
/******** adding style for tabs on model pages **************/

.app-tabs.ui-tabs .ui-tabs-nav {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #CCCCCC;
	width: 100%;
}

.app-tabs.ui-tabs .ui-tabs .ui-tabs-nav{
	background-color: #FFF;
	position: relative;
	bottom :-4px;
}

.app-tabs.ui-tabs .ui-tabs .ui-tabs-nav li{
	border: 1px solid #CCC;
	top: 1px;
}

.app-tabs.ui-tabs .ui-tabs-nav li {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: 0 #CCCCCC 0 0;
	border-image: none;
	border-style: none solid none none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-width: medium 1px medium medium;
	margin: 0;
	top: 0;
	background-color: #EEE;
}

.app-tabs.ui-tabs .ui-tabs-nav li a {
	color: #999999;
	display: block;
	margin: 3px;
	padding: 2px 12px;
}

.app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0;
	position: relative;
	top: 1px;
	border-bottom: 1px solid #FFF;
}

.app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	color: #000000;
	font-weight: normal;
	padding: 2px 12px;
	position: relative;
	top: 0;
}

.app-tabs.ui-tabs .ui-tabs-panel {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}

.app-tabs.ui-tabs .ui-tabs .ui-tabs-panel {
	border: 1px solid #CCCCCC;
	border-top: none;
}

.app-tabs.ui-tabs .ui-tabs .ui-tabs-nav {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: 0 0 #CCCCCC;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 1px;
}




 /******** Hard Edge tabs -- also found in tabs.css **************/


 .tabs-style-1.ui-tabs .ui-tabs-nav li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
	border-radius:0px;
    border-width: 1px 1px medium;
    float: left;
    font-size: 12px;
    list-style-type: none;
    margin-left: 0;
    margin-right: -1px;
    margin-top: 5px;
    position: relative;
    top: 1px;
}

.tabs-style-1.ui-tabs .ui-tabs-panel {
	background: none repeat scroll 0 0 transparent;
	
	border-radius: 0px;
	-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
}

.tabs-style-1.ui-tabs .ui-tabs .ui-tabs-panel {
	border: 1px solid #CCCCCC;
	border-top: none;
}
.tabs-style-1.ui-tabs .ui-tabs .ui-tabs-nav li{
	border: 1px solid #CCC;
	top: 1px;
}
.tabs-style-1.ui-tabs .ui-tabs-nav li {
	background-color: #EEE;
	border-bottom: 1px solid #ccc;
}

.tabs-style-1.ui-tabs .ui-tabs-nav li a {
	color: #333; /* A205 */
	display: block;
	margin-bottom:1px;
	padding: 5px 15px;
	
}
.tabs-style-1.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.tabs-style-1.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	background: none repeat scroll 0 0 #FFFFFF;
	font-weight: bold; /* A205 */
	border-bottom: 1px solid #fff !important;
}

.tabs-style-1.ui-tabs .ui-state-hover{
	background-color:#ddd;
	border-bottom: 1px solid #ddd;
}
.tabs-style-1.ui-tabs .ui-state-hover a{
	background-color:#ddd;
}

.tabs-style-1.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.tabs-style-1.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	color: #000000;
	font-weight: bold;
	background-color: #fff;
	position: relative;
	top: 0;
}

/** ADDED SPECIFIC CLASS TO PUT BORDER ON RMS PAGES BECAUSE THEIR AGGREGATED CSS IS OVER WRITING OURS 12/4/2014 CH */
.region-content .ui-tabs .ui-tabs-panel {
    border: 1px solid #ccc ;
}

/** ADDED SPECIFIC CLASS TO NUDGE TAB-NAV TO LEFT ON RMS PAGES BECAUSE THEIR AGGREGATED CSS IS OVER WRITING OURS 67/1/2016 */
.region-content .ui-tabs .ui-tabs-nav {
    padding-left: 0 !important;
}


.region-content .tabs-style-1.ui-tabs .ui-tabs-nav li {
     top: 2px;
 }
 
/** Search - Featured Product container **/
.morecontent span {
	display: none;
}

.pnx-container-search{
	background-color: #f4f4f4;
	padding: 12px;
	margin-bottom: 30px
}

.pnx-search-media .pnx-media-content {
	float: left;
	width: 112px;
}

.pnx-search-media .pnx-media-content img{
	width: 100%;
}

.pnx-search-media .pnx-media-aside {
	margin-left: 124px;
}

.pnx-search-media h3{
	margin-bottom: 0;
}