/* styles changed from the CI standard, by Warren */

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

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

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

/*
.sidebar .logo  {

}
*/

.grey_heading {
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	color: #919c8b;		/* heading dark-grey, provided by Ingredient */
	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; */
/*	font-size:10px; */
/*	line-height:16px; */
/*	clear:both; */
	padding-left: 11px;
	clear:both;
}

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

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

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

/* colors for PRODUCT sections: */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* colors for SOLUTION sections: */

.title_communications {
	background-color: #5998c8;	/* blue */
}

.title_comfort {
	background-color: #c88691;	/* red */
}

.title_entertainment {
	background-color: #f4ad00;	/* orange */
}

.title_infrastructure {
	background-color: #a392b7;	/* purple */
}

.title_general {
	background-color: #59b548;	/* green */
}

/* end color section */

.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 */
	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 */
}

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

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

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

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

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

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

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

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

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

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

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

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

#OnQcontent {
	width:647px;
}

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

#OnQcontent .title .sifrTitle_no {
	/* copy of #OnQcontent .title .sifrTitle, to format without using sIFR */
	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 */
	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] */
	font-weight:bold;
	color:#75C018;		/* header green */
}

#OnQcontent .picture .tagname_no {
	/* copy of #OnQcontent .picture .tagname for without sifr */
	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] */
	font-weight:bold;
	color:#75C018;		/* header green */
}

#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 */
	top: 0px;				/* guess */
	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] */
	left:   577px;			/* = 647 - 65 - 5 */
	top:    161px;			/* = 231 - 65 - 5 */
}

#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 */
}

/* divider line color: #E1E7D9; */

#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 */
}

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

#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 */
}

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 */
}

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 */
}
/* copy of above with different link color */
td a.spec_link_selected {
	padding-left: 5px;
	font-size:10px;
	text-decoration:none;
	color:#75C018;			/* header green */
}

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

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

#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 */
.next_prev_top {
	clear:both;
	float:right;
}

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

/* each number or word block is of class "block" */
.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;
*/
}

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

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

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

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

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

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

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

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

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

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

.next_prev_bottom .this {
	color:#75c018;					/* Selected Green */
	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" */
/* NOTE: we no longer use "unused" anywhere: we are *hiding* such links, not changing their colors. */
.next_prev_top .unused {
	color:#FFFFFF;
	background-color:#919C8B;		/* Grey from Ingredient */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

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

/* all other numbers displayed are of class "used" */
.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" */
.next_prev_top .used a {
	text-decoration:none;
	font-weight:bold;
	color: #01b6f1;			/* AquaBlue */
}

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

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

.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 */
.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;
}

/* the div around the image */
.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 */
}

/* the image itself */
.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; */
	color:#75C018;		/* header green */
}

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

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

.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 */
}

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

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

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

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

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

img.slash {
	vertical-align: middle;
}

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

/* END Class tags section*/