body {
	background: #b3a5bf;
}
p { font-family: Arial, Helvetica, Verdana, sans-serif; 
       font-size:12px; 
} 

td { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
    font-size:12px; 
	text-align: left;
} 

ul { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
    font-size:12px; 
    color: Black; 
} 
li { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
    font-size:12px; 
    color: Black; 
} 

.smallfont { font-family:Arial, Helvertica, Verdana, sans-serif;
    font-size :10;
    color:#000099;
    font-weight:regular}
.boldfont { font-family:Arial, Helvertica, Verdana, sans-serif;
    font-size :13;
    color:#000099;
    font-weight:bold}
.regularFont { 
	font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size :12px;
    color:black;
    font-weight:regular
}
.tableCell   { 
	color: gray; 
	font-size: 11px; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}
.logoTableCell   { 
	height: 60px;
	color: maroon; 
	background-image: url(http://newsmagazine.localhost/images/site_related/tab_related/active-bg.jpg); 
	font-size: 11px; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}

/*************** MENU CSS *********************************************/
/* There is the left tab and then there are the rest.  Inactive Left tab has 
   border on all sides.  Rest of the inactive tabs have borders on all sides
   EXCEPT the left side.  All active tabs lose the bottom border
*/

td.leftMenuInactive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.restMenuInactive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.leftMenuActive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	height: 20px;
	width: 50px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
	font-weight: bold;
}
td.dummyMenuTab {
	background-color: white;
	height: 20px;
	width: 50px;
	border-bottom: 1px solid gray;
}

td.leftMenuInactive a {
	color : #f00;
	display : block;
	text-decoration : none;
}
td.leftMenuInactive a:hover {
	color : #f00;
	text-decoration : underline;
}
td.restMenuInactive a {
	color : #f00;
	display : block;
	text-decoration : none;
}
td.restMenuInactive a:hover {
	color : #f00;
	text-decoration : underline;
}
td.restMenuActive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	width: 50px;
	text-align: center;
	vertical-align: center;
}
td.menuArea {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 20px;
	padding-top: 10px;
	background-color: #fafafa;
	height: 250px;
	vertical-align: top;
	padding-bottom: 20px;
}
td.menuMessageArea {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	padding-top: 10px;
	padding-right: 30px;
	background-color: #fafafa;
	vertical-align: center;
	text-align: right;
	font-size : 10px;
	font-weight : bold;
	color: Firebrick;
}

/**************** END MENU CSS ****************************************/


/**************** SEARCH MENU CSS ****************************************/
/* Search tabs have not been given a width */

td.leftSearchMenuInactive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: linen;
	height: 20px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.restSearchMenuInactive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: linen;
	height: 20px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}
td.leftSearchMenuActive {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
	font-weight: bold;
}
td.restSearchMenuActive {
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}

td.searchMenuBottomStrip {
	/*border-right: 1px solid gray;*/
	/*border-left: 1px solid gray;*/
	/*border-bottom: 1px dashed gray;*/
	/*background-color: silver;*/
	height: 5px;
}
td.dummySearchMenuTab {
	background-color: white;
	height: 20px;
	width: 150px;
	border-bottom: 1px solid gray;
}

td.dummySearchMenuTabLeft {
	background-color: white;
	height: 20px;
	width: 20px;
	border-bottom: 1px solid gray;
}
td.searchMenuSpacerTab {
	background-color: white;
	height: 20px;
	border-bottom: 1px solid gray;
}

/**************** END Search MENU CSS ****************************************/

.NameDisplay   { 
	color: #444444; 
	/*background: silver;*/ 
	font-size: 13px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-style: italic;
	text-align: Justify 
}
.tableCellLabel  { 
	font-size: 12px; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: right;
	width: 130
}
.tableCellContents  { 
	font-size: 12px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: left
}


TABLE.headerDisplay {
font-family: Arial, Helvetica, Verdana, sans-serif;
background: silver;
font-size: 12px;
/*border: 1px solid #8AB6C3;*/
padding: 1px;
#width: 500px;
}
/* Diplay specific CSS */
OPTION.dispsize { font-size: 12px;}

.OneColLeftValueCellCSS  {
    border : 0px;
    width: 450px;
    vertical-align : top;
    padding-top: 10px;
    margin-left : 0em;
}
.OneColLeftValueCellCSSBList  {
    border : 0px;
    width: 450px;
    vertical-align : top;
    padding-top: 10px;
    margin-left : 0em;
}
.shortDisplayCSS_300  {
    width : 300px;
    text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
    font-size: 12px;
    vertical-align : top;
}
.shortDisplayHeaderCSS_300  {
    text-align : left;
    width : 300px;
}

.shortDisplayCSS_350  {
    width : 350px;
    text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
    font-size: 12px;
    vertical-align : top;
}
.shortDisplayHeaderCSS_350  {
    text-align : left;
    width : 350px;
}

/*** FEATURE LEVEL CSS *********************/

.featureLabelCSS   { 
	width : 500px;
	margin-top : 40px;
	color: black; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	background-image : url(http://www.ergoworksinc.com/images/mainpage/top_lavender_gradient.gif);
	text-align: Justify; 
    border-bottom : 1px solid thistle;
}

.FeatureLabelCellCSS {
	text-align: justify; 
	padding-left : 10px;
	color: black; 
	font-size: 12px; 
}

.FeatureLabelCellCSS a:link, a:visited {
	font-size: 12px; 
}

.FeatureItems {
    width: 240;
    padding-left: 30px;
    font-weight : bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.FeatureItems a:link, a:visited {
    color:  purple;
    text-decoration: none;
}
.FeatureItems a:hover {
    color: thistle;
    text-decoration: underline;
}

.FeatureMenuCell {
    width : 550px;
    height : 300px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    border-bottom : 1px dotted  #a2cd5a;
}
/*** END FEATURE LEVEL CSS *********************/

.FeatureSearchLabelCSS   { 
	width : 500px;
	margin-top : 40px;
	padding-left : 10px;
	color: black; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	background-image : url(http://www.ergoworksinc.com/images/mainpage/top_lavender_gradient.gif);
	font-size: 13px; 
	font-weight: bold; 
    border-bottom : 1px solid thistle;
	margin-left : auto;
	margin-right : auto;
}

.searchMessageCSS   { 
	width : 500px;
	margin-top : 15px;
	margin-bottom : 5px;
	padding-left : 10px;
	font-size: 11px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}
/*** END PAGE LAYOUT CSS *********************/
.PageLayoutCSS   { 
	margin-top : 0.5em;
	margin-bottom : 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	width : 500px;
	margin-left : auto;
	margin-right : auto;
}

.PageLayoutC1_CSS   { 
	padding-top : 20px;
	width : 120px;
	vertical-align : top;
}
.PageLayoutC1_CSS   td,a {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 11px;
        text-decoration : none;
}

.PageLayoutC2_CSS   { 
	width : 380px;
	vertical-align : top;
}

.SPageLayoutCSS   {
        margin-bottom : 10px;
        padding-top : 20px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        width : 450px;
        margin-left : auto;
        margin-right : auto;
}
.SPageLayoutC1_CSS   {
        width : 150px;
        vertical-align : top;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 11px;
}
.SPageLayoutC1_CSS   td,a {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 11px;
        text-decoration : none;
}
.SPageLayoutC2_CSS   {
        width : 450px;
        vertical-align : top;
}


/*** END PAGE LAYOUT CSS *********************/


.photoCellCSS  { 
	width : 100;
}
.photoAdjCSS  { 
	width : 350;
	color : green;
}
.dbAttrsRowCSS  { 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}

/* The short one is perhaps used when a photo is there.  If a photo
   is there, the rows along side the photo are of shorter width
   The rows below the photo span wider to cover the width of the photo
   and adjacent rows
*/
.dbAttrsRowCSS-Short  { 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: left; 
}

/*
.DbRowCSSOdd  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 1em;
	margin-right: 2em;
	width : 500;
	height : 10px;
}

.DbRowCSSEven  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 1em;
	margin-right: 2em;
	width : 500;
	height : 10px;
}
*/

.dbRowCSSOdd  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	/*width : 500;*/
	/*border-left : 1px dotted;*/
}

.dbRowCSSEven  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	/*width : 500;*/
	/*border-left : 1px dotted;*/
}
.DbRowCSSOdd_Mission  { 
	padding-left: 40px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 2em;
	margin-right: 2em;
	width : 400;
	/*border-left : 1px dotted;*/
}
/*
.DbRowCSSEven  { 
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 1em;
	margin-right: 2em;
	height : 10px;
	width : 500;
}
*/
/*
 Related to the display of actual contents.  
 Basically applies to table cells that would contain the text.  
 There is one for the label for the text and the other for the text.  
 These are defaults.  The style for individual fields can be 
 controlled by defining new CSS and setting them
 under 'ValueCSS' and 'LabelCSS' attributes in ATTR_SPEC
*/

.ValueCSS   { 
	/*padding-top : 15px;*/
	font-size: 12px; 
	/*padding-left: 1em;*/
}
.ValueCSS_Mission   { 
	padding-top : 15px;
	font-size: 11px; 
	/*padding-left: 1em;*/
}
.LabelCSS   { 
	font-size: 12px; 
	font-weight: bold; 
	/*margin-left: 1em;*/
}
.LabelCSS_DesignOverview   { 
	padding-top : 10px;
	font-size: 12px; 
	color: firebrick; 
	font-weight: bold; 
	/*margin-left: 1em;*/
}

.LabelCellCSS  { 
	border : 0px;
	width: 200px;
	vertical-align : top;
}
/* No Width */
.LabelCellCSS_NW  { 
	border : 0px;
    font-weight: bold;
	vertical-align : top;
    padding-right: 5px;
}
.LabelCellCSS_150  { 
	vertical-align : top;
	border : 0px;
	width: 150;
	padding-bottom : 4px;
	padding-top : 4px;
	border-bottom : 1px dotted #cccccc;
	font-weight : bold;
}

.ValueCellCSS  { 
	border : 0px;
	width: 400px;
	vertical-align : top;
/*	padding-left: 20px;*/
/*	padding-top: 20px;*/
}

.BoldValueCellCSS  { 
	border : 0px;
	width: 400px;
	vertical-align : top;
	padding-left: 20px;
	padding-top: 20px;
	font-weight : bold;
}

.ValueCellCSS_Hdr  { 
	border : 0px;
	width: 400px;
	font-size : 15px;
	font-weight : bold;
	vertical-align : top;
	padding-left: 20px;
	padding-top: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	color : firebrick;
}
.ValueCellCSS_200  { 
	border : 0px;
	width: 200px;
	vertical-align : top;
}

/* _P for with padding */
.ValueCellCSS_200_P  { 
	border : 0px;
	width: 200px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_300  { 
	border : 0px;
	width: 280px;
	padding-top : 4px;
	padding-bottom : 4px;
	border-bottom : 1px dotted #cccccc;
	text-align: left;
}
.ValueCellCSS_450  { 
	border : 0px;
	width: 450px;
	padding-top : 4px;
	padding-bottom : 4px;
	border-bottom : 1px dotted #cccccc;
}
/* Used in SVC_DETAILS.. added x at the need not mess up any other use of 400*/
.ValueCellCSS_400x  { 
	border : 0px;
	width: 400px;
}
.ValueCellCSS_400  { 
	border : 0px;
	width: 400px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_500  { 
	border : 0px;
	width: 500px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_400_A  { 
	border : 0px;
	width: 400px;
	padding-left: 20px;
	padding-top: 20px;
}
.ValueCellCSS_600  { 
	padding-left: 20px;
	padding-top: 20px;
	border : 0px;
	width: 600px;
}

/*** End Value and Lable CSS ****/

.dayCSS   { 
	color: firebrick; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align: Justify 
}

/* Search related */
#.SearchSeparatorCSS  { 
#	height: 1;
#	background-image: url('http://flicmicrowaves.com/images/site_related/bg/dot_h.gif');
#	border : 0px;
#}
.searchSeparatorCSS  { 
	height: 15px;
/*
	background-image: url('http://www.ergoworksinc.com/images/site_related/bg/dot_h.gif');*/
	border : 0px;
*/
}
.searchMessageCSS {
}

.SearchHeaderCSS  { 
	margin-top : 20px;
	font-weight : bold;
	text-align : center;
}

.SearchTableCSS {
	text-align : left;
	padding-top: 20px;
	/*border-top : 3px solid tan;*/
}
.SearchLinkTableCSS {
	margin-top: 10px;
}
.SearchRowCSSOdd  { 
	text-align : left;
	background-color : AntiqueWhite;
}
.SearchRowCSSEven  { 
	text-align : left;
	background-color : linen;
}

.idCSS  { 
	width : 20px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}

.w0CSS  { 
	width : 30px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
	padding : 3px;
}
.w1CSS  { 
	width : 50px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w2CSS  { 
	width : 70px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w3CSS  { 
	width : 90px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w4CSS  { 
	width : 110px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w5CSS  { 
	width : 130px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w6CSS  { 
	width : 150px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}
.w7CSS  { 
	width : 170px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
	padding : 3px;
}


.w0HCSS  { 
	width : 30px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
	background-color : tan;
	padding : 3px;
}
.w1HCSS  { 
	width : 50px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w2HCSS  { 
	width : 70px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w3HCSS  { 
	width : 90px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w4HCSS  { 
	width : 110px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}

.w5HCSS  { 
	width : 130px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w6HCSS  { 
	width : 150px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
}
.w7HCSS  { 
	width : 170px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	vertical-align : top;
	background-color : tan;
	padding : 3px;
}

.shortDisplayCSS  { 
	width : 200px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.shortDisplayHeaderCSS  { 
	text-align : left;
	width : 200px;
}
.addLabelCSS  { 
	width : 200px;
	text-align : right;
    padding-top : 3px;
}
.addLabelCSSReq  { 
	width : 200px;
	text-align : right;
	color : firebrick;
    padding-top : 3px;
}
.addFieldCSS  { 
	width : 300;
	text-align : left;
    padding-top : 3px;
}
/*** Order Related *****/
.OrderAddLabelCSS  { 
	width : 75;
	text-align : right;
	padding-bottom : 3px;
}
.OrderAddFieldCSS  { 
	padding-left : 3px;
	width : 200px;
	text-align : left;
	padding-bottom : 3px;
	
}
.OrderAddLabelCSSReq  { 
	width : 75;
	text-align : right;
	padding-bottom : 3px;
	color : firebrick;
}
.OrderLabelCellCSS  { 
	vertical-align : top;
	border : 0px;
	width: 150;
}
.OrderValueCellCSS  { 
	border : 0px;
	width: 250;
	vertical-align : top;
	padding-left : 3px;
}
/***** End Order Related ****/

/*.AddHeaderMsg  { 
	width : 100%;
	padding-top : 10px;
	padding-bottom : 10px;
	font-style : italic;
	font-family : Arial, Helvertica, Verdana, sans-serif;
}
*/
.AddHeaderMsg {
    width : 520px;
    padding-bottom : 10px;
    border-bottom : 1px dotted gray;
}

.headerMessage  { 
	width : 550;
}
.trailerMessage  { 
	width : 550;
}
.titleBar  { 
	background : #ffcc00;
	text-align : left;
	width : 600px;
	font-weight : bold;
	height : 20px;
	font-family : Arial, Helvertica, Verdana, sans-serif;
	padding-left : 10px;
	color : firebrick;
}

/* View related */
#.viewSeparatorCSS  { 
#	height: 1;
#	border-bottom : 1px solid gray;
#	background-color : gray;
#}

.viewSeparatorCSS  {
    height: 1;
    background-image: url('http://www.ergoworksinc.com/images/site_related/bg/dot_h.gif');
    border : 0px;
    width : 400px;
}


/* News related */
.headlineCSS   {
    margin-left : 4em;
    margin-top : 2em;
    margin-bottom : 1em;
    color: black;
    /*background: silver;*/
    font-size: 17px;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-align: Justify
}

/****************** PRODUCT HIERARCHY RELATED **************************/

.PHSearchSeparatorCSS  { 
	height: 1px;
	vertical-align : middle;
	background-image: url('http://flicmicrowaves.com/images/site_related/bg/dot_h.gif');
	border : 0px;
	background-repeat : repeat-x;
}

.PHSearchHeaderCSS  { 
	font-weight : bold;
	text-align : left;
	margin-left : 4em;
}
.PHsearchTable {
	text-align : left;
}
.PHSearchRowCSSOdd  { 
	text-align : left;
}
.PHSearchRowCSSEven  { 
	text-align : left;
}
.PHPhotoShortDisplayCSS  { 
	width : 110;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 10px;
}
.PHPhotoShortDisplayCSS  img { 
	border : 1px solid #cccccc;
}
.PHHierShortDisplayCSS  { 
	width : 160;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	vertical-align : top;
	padding-top : 6px;
	padding-bottom : 6px;
}
.PHSDescShortDisplayCSS  { 
	width : 150;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.PHPhotoShortDisplayHeaderCSS  { 
	text-align : left;
	width : 110;
}
.PHHierShortDisplayHeaderCSS  { 
	text-align : left;
	width : 110;
}
.PHShortDisplayHeaderCSS  { 
	text-align : left;
	width : 150;
}
.PHaddLabelCSS  { 
	width : 200px;
	text-align : right;
}
.PHaddFieldCSS  { 
	width : 300;
	text-align : left;
}
.PHheaderMessage  { 
	width : 550;
}
.PHtrailerMessage  { 
	width : 550;
}
.PHtitleBar  { 
	background : #ffcc00;
	text-align : left;
}

/* View related */
.PHviewSeparatorCSS  { 
	height: 1;
	background: silver;
	border : 0px;
	width: 400px;
}

/* News related */
.PHheadlineCSS   {
    margin-left : 4em;
    margin-top : 2em;
    margin-bottom : 1em;
    color: black;
    /*background: silver;*/
    font-size: 17px;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-align: Justify
}
/****************** END PRODUCT HIERARCHY RELATED **********************/

/****************** FILTERS **********************/
.FILPNShortDisplayCSS  { 
	width : 120;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 6px;
}

.FILPNShortDisplayHeaderCSS  { 
	text-align : left;
	vertical-align : top;
	font-size: 10px; 
	font-weight: bold; 
	width : 120;
}

.FILRestShortDisplayCSS  { 
	width : 120;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	vertical-align : top;
}

.FILRestShortDisplayHeaderCSS  { 
	text-align : left;
	vertical-align : top;
	font-size: 10px; 
	font-weight: bold; 
	width : 120;
}
.FILPDescShortDisplayHeaderCSS  { 
	width : 120;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.FILPDescShortDisplayCSS  { 
	width : 120;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.FILPDescShortDisplayHeaderCSS_200  { 
	width : 200px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.FILPDescShortDisplayCSS_200 { 
	width : 200px;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
/****************** END FILTERS**********************/
/***** Design Center *******/
.DesignDescShortDisplayHeaderCSS  { 
	width : 300;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.DesignDescShortDisplayCSS  { 
	width : 300;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
/******End Design Center*****/


/**** SUPPLEMENTS *****/
.SuppDBTShortDisplayHeaderCSS  { 
	width : 300;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
.SuppDBTShortDisplayCSS  { 
	width : 300;
	text-align : left;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	vertical-align : top;
}
/***** End SUPPLEMENTS ****/


/****  SPECIFIC CSS ***************/
.firstWords {
	font-size : 13px;
	font-weight : bold;
	color: blue;
}

.ShortDisplayCSSPhoto  {
    width : 100px;
    text-align : left;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    vertical-align : top;
	padding-top : 12px;
}

.ShortDisplayHeaderCSSPhoto  {
    text-align : left;
    width : 150px;
}