/* styles for the Solutions pages, by Warren */


/* Styles from the Home page: */
.group_name {
}

.group_link {
}

.home_page_text {
}


/* Styles from the Group page: top ... */
/* .group_name {
} */

/* .group_link {
} */

.group_page_text {
}

/* ... bottom: */
.category_name {
}

.category_link {
}

/* .group_page_text {
} */


/* Styles from the Category page: top ...*/
/* .category_name {
} */

/* .category_link {
} */

.category_page_text {
}

/* ... bottom: */
.solution_name {
}

.solution_link {
}

/* .category_page_text{
} */
.solfront_headline_text {
	font:Arial, Helvetica, sans-serif;
	/*font-size:14px;*/
	color:#7b5b50;
	font-weight:bold;
	margin-bottom:10px;
	font-size: 11.3px;
	

	
}
.solfront_text {
	font:Arial, Helvetica, sans-serif;
	/*font-size:14px;*/
	color:#7b5b50;
	font-weight:bold;
	margin-bottom:10px;
	text-transform: inherit;
	

	
}
.solfront_text_green {
	font:Arial, Helvetica, sans-serif;
	font-size:15.24px;
	color:#59b548;
	font-weight:bold;
	padding-left:10px;
	line-height:30px;
	float:left;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-bottom:10px;



	
}

/* Styles from the Solution page: */
.header_section {
	background-color:#77FF77; /* green */
	clear:both;
}
.header_section .solution_name {
	color:#75C018;
	font-size:18px;
	font-weight:bold;
}
.header_section .solution_link {
}
.header_section .short_description {
}
.header_section .long_description {
}

.feature_section {
	background-color:#FF7777; /* red */
	clear:both;
}
.feature_section .feature_header {
	color:#75C018;
	font-size:18px;
	font-weight:bold;
}
.feature_section .feature_text {
}

.option_section {
	background-color:#7777FF; /* blue */
	clear:both;
}
.option_section .option_header {
	color:#75C018;
	font-size:18px;
	font-weight:bold;
}
.option_section .option_text {
}

.include_section {
	background-color:#FFFF77; /* yellow */
	clear:both;
}
.include_section .include_header {
	color:#75C018;
	font-size:18px;
	font-weight:bold;
}
.include_section .product {
	clear:both;
}
.include_section .product .product_quantity {
	float:left;
	text-align:right;
	margin-left:5px;
	margin-right:5px;
}
.include_section .product .product_name {
	float:left;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}

.featured_product_section {
	background-color:#77FFFF; /* cyan */
	clear:both;
}
.featured_product_section .featured_product_header {
	color:#75C018;
	font-size:18px;
	font-weight:bold;
}
.featured_product_section .featured_product {
}

.description .attributes .cost {
	font-size:18;
	font-weight:bold;
	color:#75c018;
	letter-spacing:5px;
}

#OnQcontent  .body .features {
	position: relative; 
	left: 0px; 
	top: 20px;
	float:left;

	width:350px;	/* 152+16 * 2 + buffer of 18 */
}

ul.column1 {
	float: left;
	width: 140px;
	list-style-image: url(/parts/images/consumer/list_bullet.gif);
	padding-top: 30px;
	padding-left: 16px;
	margin-right: 16px;
	clear:none;
}

ul.column2 {
	float: left;
	width: 140px;
	list-style-image: url(/parts/images/consumer/list_bullet.gif);
	padding-top: 30px;
	padding-left: 16px;		
	margin-right: 16px;
}
ul.options {
	float: left;
	width: 140px;
	list-style-image: url(/parts/images/consumer/list_bullet.gif);
	padding-top: 30px;
	padding-left: 16px;
	margin-right: 16px;
	clear: none;
}
ul.options .option_title {
	font-size:14px;
	font-weight:bold;
	color:#919c8b;
}
li.padded {
	padding-bottom: 16px;
	
}
li.head {
	padding-bottom: 16px;
	font-size:11px;
	color:#59b548;
	
}

#OnQcontent .whatitdoes .body .specifics {
 	position: relative;
	float:right;
	top: 20px;
	width: 270px;
	font-size:10px;
}

table.specifics_table {
	padding-top: 30px;
	top: 30px;
	float: left;
	width: 257px;
	left: 390px;
}

td.specifics_td {
	padding-left: 5px;
	width: 100px;
	font-size:10px;
	line-height:18px;
	color:#75C018;		/* header green */
}

.part_landscape {
	float:left;
	width:606px;		/* = 627 - 21 */
	margin-left:21px;
}

.part_details_landscape {
	float:left;
	margin-left:30px;
	width: 390px;			/* = 627 - 178 - 21 - 30 - random buffer of 8px */
}

.part_portrait {
	float:left;
	margin-left:   0px;
	margin-right:  0px;
	margin-top:    5px;
	margin-bottom: 5px;
/*	height:      287px;		/* we tried this, but the words are cut off at the bottom [WCH] */
	width:       206px;
	text-align:left;
/*	background-color:00FFFF; /* TEST */
}

.part_portrait .part_inner {
	margin-left:  21px;
	margin-right:  0px;
}

/* separates items on one line */
.part_separate_item {
	float:left;
	width:  12px;
/*	background-color:FF00FF; /* TEST */
}

/* separates lines of items */
.part_separate_line {
	clear:both;
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	background-color:#E1E7D9;	/* grey from Ingredient */
}

/* before and after showing lines of items, separates them from the next_prev section */

.nobottommar  {
	padding_bottom: -3px:

}



.part_smallbreak {
	clear:both;
	width:100%;
	height:2px;
}

/* the div around the image */
.part_img_wrapper_landscape {
	float:left;
}

/* the image itself */
.part_img_landscape {
	float:left;
}
.part_text {
	margin-top: 32px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height:18px;

}
.part_desc {
	font-size: 11px;
	line-height: 18px;
}
.part_label {
	margin-top: 16px;
}

.part_label .label {
	float:left;
	padding-right:5px;
	font-size:10px;
	line-height:22px;
	color: #a8af98;			
}

.part_label .partno {
	float:left;
	font-size:10px;
	line-height:24px;
	font-weight: bold;
	color: #01b6f1;			
}

.part_label .partno a {
	text-decoration:none;
	color: #01b6f1;			
}

.part_label .details {
	float:right;
	font-size:10px;
	line-height:24px;		
	font-weight: bold;
	color: #01b6f1;			
}

.part_label .details img {
	margin-right: 3px;
}

.part_label .details a {
	text-decoration:none;
	color: #01b6f1;			
}

img.slash {
	vertical-align: middle;
}

/*// BEGIN Class tags section, may be used anywhere in the HTML page

// Page header
.header {
	background-color: #75C018;	/* header green, provided by Ingredient *-DEBUG-/
	background-image: url(/parts/images/consumer/product_header_bg.gif);
}

.header .tabbed-nav {
	/* override inherited red borders with similar green borders *-DEBUG-/
	border-bottom: 1px solid #95cf4f;
	border-top:    1px solid #95cf4f;
}

/*
.sidebar .logo  {
}
*-DEBUG-/

.grey_heading {
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	color: #919c8b;		/* heading dark-grey, provided by Ingredient *-DEBUG-/
	padding: 11px;
	border-bottom: 1px solid #e1e7d9;
	text-transform:uppercase;
}

.query_label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	padding-left: 11px;
	clear:both;
}

.query_form {
/*	font-family:Arial, Helvetica, sans-serif; *-DEBUG-/
/*	font-size:10px; *-DEBUG-/
/*	line-height:16px; *-DEBUG-/
/*	clear:both; *-DEBUG-/
	padding-left: 11px;
	clear:both;
}

#navigation div.level1 {
	text-transform:uppercase;
}

/* stolen from search button in onqconsumer.css *-DEBUG-/
.query_button {
	position:absolute;
	margin-top: 1px;
	margin-left: 4px;
}

/* Featured project area *-DEBUG-/
.sidebar #featured-project iframe {
	width: 194px;	/* was 200px; *-DEBUG-/
	height: 450px;
}

/* various colors for the title bar, depending on category *-DEBUG-/

.title_video {
	background-color: #f1b310;	/* light orange *-DEBUG-/
}

.colored-text_video{
	color: #f1b310;				/* same light orange *-DEBUG-/
}

.title_orange {
	background-color: #f8b05c;	/* almost the same light orange *-DEBUG-/
}

.title_network {
	background-color: #7c4299;	/* dark purple *-DEBUG-/
}

.title_purple {
	background-color: #7c4299;	/* same dark purple *-DEBUG-/
}

.title_telephone {
	background-color: #0193cf;	/* light blue *-DEBUG-/
}

.title_blue {
	background-color: #0193cf;	/* same light blue *-DEBUG-/
}

.title_structured {
	background-color: #8b7a68;	/* brown *-DEBUG-/
}

.title_brown {
	background-color: #8b7a68;	/* same brown *-DEBUG-/
}

.title_audio {
	background-color: #d71f27;	/* red *-DEBUG-/
}

.title_red {
	background-color: #d71f27;	/* same red *-DEBUG-/
}

.title_default {
	background-color: #73c318;	/* green *-DEBUG-/
}

.title_green {
	background-color: #73c318;	/* same green *-DEBUG-/
}

.sidebar .featureZone .title {
	width:174px;
}

.sidebar .featureZone .title .titlebar {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 9px;
	color: white;
	padding-top:18px;
	margin-left:10px;
}

.sidebar .featureZone .title .namebar {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	color: white;
	margin-left:10px;
	padding-bottom:11px;
}

.sidebar .featureZone .title .namebar_no {
	/* copy of .sidebar .featurezone .title .namebar without sIFR *-DEBUG-/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	color: white;
	margin-left:10px;
	padding-bottom:11px;
}

.sidebar .featureZone .img {
	display: block;
	margin-left: 10px;
	margin-bottom: 3px;
	width:175px;
	background-color:#FFFFFF;	/* white, per Dave Hamburg *-DEBUG-/
}

.sidebar .featureZone .button {
/*
	height: 22px;
	max-height: 22px;
	line-height:11px;
*-DEBUG-/
}
.sidebar .featureZone .height_bug_fix {
	min-height:7px;		 /* works in FireFox, fails in IE, to cover for display bug [WCH] *-DEBUG-/
}

.sidebar .featureZone .button a {
	text-decoration:none;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}
/* for some reason the former doesn't work: the latter is more specific?  [WCH] *-DEBUG-/
#navigation a {
	text-decoration:none;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

#retailer-locator {
	/* override display:none in OnQconsumer.css, which I don't understand at all [WCH] *-DEBUG-/
	display:block;
}

/* Edit, Live, Compare Jahia tabs *-DEBUG-/
#wrapper {
	/* copied from OnQconsumer.css, not sure why it's needed here as well *-DEBUG-/
    display: none;
}

#retailer-locator a {
	/* copied from OnQconsumer.css, not sure why it's needed here as well *-DEBUG-/
	display: block;
	color: #919c8b;
}

.headline {
	position:relative;
	bottom:0px;
	width:647px;
	height:60px;
	background-color:#75C018;	/* header green, provided by Ingredient *-DEBUG-/
}

.breadcrumb_label {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:36px;
	color: #8a9483;				/* grey, provided by Ingredient *-DEBUG-/
	vertical-align: bottom;
	margin-left:21px;	/* not sure this won't mess up the width figure *-DEBUG-/
}

.breadcrumb_label_no {
	/* copy of .breadcrumb_label without sIFR *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:36px;
	color: #8a9483;				/* grey, provided by Ingredient *-DEBUG-/
	vertical-align: bottom;
	margin-left:21px;	/* not sure this won't mess up the width figure *-DEBUG-/
}

.breadcrumb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:36px;
	color: #75C018;		/* header green, provided by Ingredient *-DEBUG-/
	vertical-align: bottom;
}

.breadcrumb_no {
	/* copy of .breadcrumb without sIFR *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:36px;
	color: #75C018;		/* header green, provided by Ingredient *-DEBUG-/
	vertical-align: bottom;
}

.breadcrumb a {
	text-decoration:none;
	font-weight:bold;
	color: #75C018;		/* header green, provided by Ingredient *-DEBUG-/
}

#content {
	/*float:left;*-DEBUG-/
	width:647px;
/*
	position: relative; 
	top:0px;
	height:auto;
*-DEBUG-/
}

#OnQcontent {
	width:647px;
}

#OnQcontent .title {
	background-color: #75C018;	/* header green, provided by Ingredient *-DEBUG-/
}

#OnQcontent .title .sifrTitle_no {
	/* copy of #OnQcontent .title .sifrTitle, to format without using sIFR *-DEBUG-/
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 30px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	top: 5px;
	left: 17px;
	width: 625px;
}

#OnQcontent .picture {
	position:relative;
	background-color:#f8fbf4;	/* approximates following image *-DEBUG-/
	background-image:url(/parts/images/background.gif);
	height:231px;
	width:647px;
}

#OnQcontent .picture .tagname {
	position:absolute;
	left:25px;
	top:105px;
	width:190px;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	line-height: 34px;	/* not sure why this is necessary [WCH] *-DEBUG-/
	font-weight:bold;
	color:#75C018;		/* header green *-DEBUG-/
}

#OnQcontent .picture .tagname_no {
	/* copy of #OnQcontent .picture .tagname for without sifr *-DEBUG-/
	position:absolute;
	left:25px;
	top:105px;
	width:190px;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	line-height: 34px;	/* not sure why this is necessary [WCH] *-DEBUG-/
	font-weight:bold;
	color:#75C018;		/* header green *-DEBUG-/
}

#OnQcontent .picture .tagdescription {
	position: absolute;
	left: 25px;
	top: 160px;
	width: 190px;
	height: 70px;
	font-size: 11px;
	color: #578e12;
}

#OnQcontent .picture .tagimage {
	position: absolute;
	left: 250px;			/* guess *-DEBUG-/
	top: 0px;				/* guess *-DEBUG-/
	height: 225px;
	
}

#OnQcontent .picture .icon {
	position: absolute;
	width:  65px;
	height: 65px;
	/* these coordinates are: size of .picture minus size of .icon minus a buffer [WCH] *-DEBUG-/
	left:   577px;			/* = 647 - 65 - 5 *-DEBUG-/
	top:    161px;			/* = 231 - 65 - 5 *-DEBUG-/
}

#OnQcontent .longdescription {
	position:relative;
					width:647px;
					height:auto;
	background-color: #eef5e6;
}

#OnQcontent .longdescription .words {
	padding: 24px;
	width: 307px;
	height:auto;
}

#OnQcontent .longdescription .titles {
	position: absolute;
	top: 12px;
	left: 345px;
	border-left: 1px solid #c8cfc0;
	padding-left: 8px;
	border-right: 1px solid #c8cfc0;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:22px;
	color:#75C018;		/* header green *-DEBUG-/
}

/* divider line color: #E1E7D9; *-DEBUG-/

#OnQcontent .longdescription .details {
	position: absolute;
	top: 12px;
	left: 420px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 22px;
}
#OnQcontent .longdescription .details a:link {
	text-decoration:none;
	font-weight: bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

#OnQcontent .longdescription .align {
	clear: both;
	height: 38px;		/* = 90 - 24 - 24 - 4 *-DEBUG-/
}

#OnQcontent .whatitdoes {
	position:relative;
	min-height:120px;
					width:647px;
	height:auto;
}

#OnQcontent .whatitdoes .whatitdoes_title {
	position: relative;
	margin-top: 15px;
	height: 45px;
	border-bottom: 1px solid #e1e7d9;
}

#OnQcontent .whatitdoes .body {
	padding-left: 22px;
	position: relative;
	height:auto;
					width:647px;
	font-size:10px;
	
}

#OnQcontent .whatitdoes .body .features {
	position: relative; 
	left: 0px; 
	top: 20px;
	float:left;

	width:350px;	/* 152+16 * 2 + buffer of 18 *-DEBUG-/
}

ul.column1 {
	float: left;
	width: 140px;
	list-style-image: url(/parts/images/consumer/list_bullet.gif);
	padding-top: 30px;
	padding-left: 16px;
	margin-right: 16px;
	clear:none;
}

ul.column2 {
	float: left;
	width: 140px;
	list-style-image: url(/parts/images/consumer/list_bullet.gif);
	padding-top: 30px;
	padding-left: 16px;		
	margin-right: 16px;
}

li.padded {
	padding-bottom: 16px;
}

#OnQcontent .whatitdoes .body .specifics {
 	position: relative;
	float:right;
	top: 20px;
	width: 270px;
	font-size:10px;
}

table.specifics_table {
	padding-top: 30px;
	top: 30px;
	float: left;
	width: 257px;
	left: 390px;
}

td.specifics_td {
	padding-left: 5px;
	width: 100px;
	font-size:10px;
	line-height:18px;
	color:#75C018;		/* header green *-DEBUG-/
}

td.padded {
	padding-left: 5px;
	font-size:10px;
	line-height:19px;
}

td a.spec_links {
	padding-left: 5px;
	font-size:10px;
	text-decoration:none;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}
/* copy of above with different link color *-DEBUG-/
td a.spec_link_selected {
	padding-left: 5px;
	font-size:10px;
	text-decoration:none;
	color:#75C018;			/* header green *-DEBUG-/
}

td.spec_info {
	padding-left: 5px;
	font-size:10px;
	line-height:24px;
/*	color: #000000;	*-DEBUG-/
}

#OnQcontent .related {
	clear: left;
	float:right;
	/* background-color:#FF9900;	/* orange *-DEBUG-/
}

#OnQcontent .related .related_title {
	position: relative;
	margin-top: 15px;
	height: 45px;
	border-bottom: 1px solid #e1e7d9;
}

#OnQcontent .related .related_body {
	margin-top: 10px;
}

/* the outer div that all the numbers are in -- top of screen version *-DEBUG-/
.next_prev_top {
	clear:both;
	float:right;
}

/* the outer div that all the numbers are in -- bottom of screen version *-DEBUG-/
.next_prev_bottom {
	clear:both;
	float:right;
}

/* each number or word block is of class "block" *-DEBUG-/
.next_prev_top .block {
	float:left;
	height:28px;
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.next_prev_bottom .block {
	float:left;
	height:28px;
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.next_prev_top .number {
	width:23px;
	
	background-image:url(/parts/images/top123.gif)
}

.next_prev_bottom .number {
	width:23px;
	
	background-image:url(/parts/images/bottom123.gif)
}

.next_prev_top .text {
/*
	padding-left:10px;
	padding-right:10px;
*-DEBUG-/
}

.next_prev_bottom .text {
/*
	padding-left:10px;
	padding-right:10px;
*-DEBUG-/
}

.next_prev_top .text a {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;			/* white *-DEBUG-/
}

.next_prev_bottom .text a {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;			/* white *-DEBUG-/
}

/* Next, Previous, First, Last are of class "end" -- split these up? *-DEBUG-/
.next_prev_top .end {
	color:#FFFFFF;
/*	background-color: #01b6f1;		/* Aqua Blue *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.next_prev_bottom .end {
	color:#FFFFFF;
/*	background-color: #01b6f1;		/* Aqua Blue *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

/* "View all" is of class "all" *-DEBUG-/
.next_prev_top .all {
	color:#FFFFFF;
/*	background-color: #01b6f1;		/* Aqua Blue *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.next_prev_bottom .all {
	color:#FFFFFF;
/*	background-color: #01b6f1;		/* Aqua Blue *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

/* "view all" is of class "all_clicked" when it has been clicked *-DEBUG-/
.next_prev_top .all_clicked {
	color:#FFFFFF;
/*	background-color:#75c018;		/* Selected Green *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.next_prev_bottom .all_clicked {
	color:#FFFFFF;
/*	background-color:#75c018;		/* Selected Green *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

/* the page we're looking at now, is of class "this" *-DEBUG-/
.next_prev_top .this {
	color:#75c018;					/* Selected Green *-DEBUG-/
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.next_prev_bottom .this {
	color:#75c018;					/* Selected Green *-DEBUG-/
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

/* anything that you can't press, like "next" when you're on the last page already, is of class "unused" *-DEBUG-/
/* NOTE: we no longer use "unused" anywhere: we are *hiding* such links, not changing their colors. *-DEBUG-/
.next_prev_top .unused {
	color:#FFFFFF;
	background-color:#919C8B;		/* Grey from Ingredient *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.next_prev_bottom .unused {
	color:#FFFFFF;
	background-color:#919C8B;		/* Grey from Ingredient *-DEBUG-/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

/* all other numbers displayed are of class "used" *-DEBUG-/
.next_prev_top .used {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.next_prev_bottom .used {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

/* all other numbers displayed are of class "used" *-DEBUG-/
.next_prev_top .used a {
	text-decoration:none;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

.next_prev_bottom .used a {
	text-decoration:none;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

.part_list {
	clear:both;
	width:647px;
	height:auto;
	padding-top: 0px;
}

.part_landscape {
	float:left;
	width:606px;		/* = 627 - 21 *-DEBUG-/
	margin-left:21px;
}

.part_details_landscape {
	float:left;
	margin-left:30px;
	width: 390px;			/* = 627 - 178 - 21 - 30 - random buffer of 8px *-DEBUG-/
}

.part_portrait {
	float:left;
	margin-left:   0px;
	margin-right:  0px;
	margin-top:    5px;
	margin-bottom: 5px;
/*	height:      287px;		/* we tried this, but the words are cut off at the bottom [WCH] *-DEBUG-/
	width:       206px;
	text-align:left;
/*	background-color:00FFFF; /* TEST *-DEBUG-/
}

.part_portrait .part_inner {
	margin-left:  21px;
	margin-right:  0px;
}

/* separates items on one line *-DEBUG-/
.part_separate_item {
	float:left;
	width:  12px;
/*	background-color:FF00FF; /* TEST *-DEBUG-/
}

/* separates lines of items *-DEBUG-/
.part_separate_line {
	clear:both;
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	background-color:#E1E7D9;	/* grey from Ingredient *-DEBUG-/
}

/* before and after showing lines of items, separates them from the next_prev section *-DEBUG-/
.part_smallbreak {
	clear:both;
	width:100%;
	height:2px;
}

/* the div around the image *-DEBUG-/
.part_img_wrapper_landscape {
	float:left;
}

/* the image itself *-DEBUG-/
.part_img_landscape {
	float:left;
}

/* the div around the image *-DEBUG-/
.part_img_wrapper_portrait {
	text-align:center;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	/* NOTE: add background-color: #zzzzzz; to make the outline have a color *-DEBUG-/
}

/* the image itself *-DEBUG-/
.part_img_portrait {
	float:none;
}

.part_text {
	margin-top: 32px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height:18px;
/*	font-weight: bold; *-DEBUG-/
	color:#75C018;		/* header green *-DEBUG-/
}

.part_text a {
	text-decoration:none;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

/*
a.page.content .related.part_details_landscape.part_landscape.part_text {
	{background-color: #510fde;
	color: #17c707;
	text-decoration: none}
*-DEBUG-/

.part_desc {
	font-size: 11px;
	line-height: 18px;
}

.part_label {
	margin-top: 16px;
}

.part_label .label {
	float:left;
	padding-right:5px;
	font-size:10px;
	line-height:22px;
	color: #a8af98;			/* grey *-DEBUG-/
}

.part_label .partno {
	float:left;
	font-size:10px;
	line-height:24px;
	font-weight: bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

.part_label .partno a {
	text-decoration:none;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

.part_label .details {
	float:right;
	font-size:10px;
	line-height:24px;		/* a guess to match .partno: PSD has line-height of "" *-DEBUG-/
	font-weight: bold;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

.part_label .details img {
	margin-right: 3px;
}

.part_label .details a {
	text-decoration:none;
	color: #01b6f1;			/* AquaBlue *-DEBUG-/
}

img.slash {
	vertical-align: middle;
}

#OnQfooter {
	position:static;
	clear:both;
/*	margin-top: 0px;	/* OVERRIDE VALUE FROM CONSUMER.CSS *-DEBUG-/
/*	margin-left: 0px;	/* OVERRIDE VALUE FROM CONSUMER.CSS *-DEBUG-/
}

/* END Class tags section*-DEBUG-/

*/


/* TEMPORARY section until we move the .level3 stuff into the master CSS file */

/*
#navigation div.level1 {
	display: block; 
	border-top: 1px solid #e1e7d9; 
	border-bottom: 1px solid #e1e7d9;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 8px;
	margin-top: -1px;
}

#navigation div.level1 a.link1 {
	font-weight:bold;
	font-size:11px;
	color: #01b6f1;
}

#navigation div.level1 a.current {
	color: #75c018;
}

#navigation div.level2 {
	margin-left: 16px; 
	padding-top: 2px;
	padding-bottom: 2px;
}

#navigation div.level2 a.link2 {
	font-weight:bold;
	color: #01b6f1;
}

#navigation div.level2 a.current {
	color: #75c018;
}
*/

#navigation div.level3 {
	margin-left: 32px; 
	padding-top: 2px;
	padding-bottom: 2px;
}

#navigation div.level3 a.link3 {
	font-weight:bold;
	color: #01b6f1;
}

#navigation div.level3 a.current {
	color: #75c018;
}

#OnQcontent .group_section {
	background-color:#f4f4f2;	/* grey */
	margin-left:9px;
	height:280px;
	
}
#OnQcontent .locator_section {
	background-color:#f4f4f2;	/* grey */
	margin-left:9px;
	
}
#OnQcontent .locator_section .group {
	float: left;
	width: 319px;
	background-color:#f4f4f2;	/* grey */
	padding-left:15px;
	padding-right:25px;
	padding-bottom:15px;
}
#OnQcontent .locator_section .group_r {

	background-color:#f4f4f2;	/* grey */
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

#OnQcontent .locator_section .locator_headline {
	float: left;
	width: 600px;
	background-color:#f4f4f2;	/* grey */
	padding-left:15px;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
}
#OnQcontent .solfront {
	margin-left:14px;
	background-color:#FFFFFF;
	padding-top:-10px;
	padding-right: 10px;
	
}

#OnQcontent .solfront .step-image {
	margin-top:25px;
	
}


#OnQcontent .group_section .group-image {
	margin-left:1px;
	margin-right:1px;
	margin-top:15px;
	margin-bottom:5px;
	background-color:#f4f4f2;	/* grey */
}

#OnQcontent .group_section .group {
	float: left;
	width: 208px;
	background-color:#f4f4f2;	/* grey */
}

.group_section .group-overview  {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:10px;
	
}
.group_section .group-overview a {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue */
	margin-left:2px;
	margin-right:2px;
}

.group_section .group-overview :visited {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue */
	margin-left:5px;
}

/* stolen from OnQProjects.css: */

#OnQcontent .categories {
	display: block;
	width: 630px;
	margin-left: 12px;
	padding-bottom: 10px;
	/*border: 1px solid #e1e7d9;*/
}

#OnQcontent .categories a {
	color: #01b6f1;
    font-weight:bold;
	text-decoration:none;
}

#OnQcontent .categories a:hover {
    text-decoration: none;
}

#OnQcontent .categories .overview {
	display: none;
	margin-top: 20px;
	width: 615px;
}

#OnQcontent .categories .category {
	float: left;
	width: 313px;
}

/* Category image properties */
#OnQcontent .categories .category .category-image {
	margin-top: 20px;
	padding-bottom: 5px;
	width: 293px;
	border: 0px;
}

/* Category title text properties */
#OnQcontent .categories .category .category-title {
	width: 293px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
}

/* Category overview text properties */
#OnQcontent .categories .category .category-overview {
	width: 293px;
}

/* end stolen from OnQProjects.css */