/*
		 $RCSfile: OnQconsumer.css,v $
		 $Revision: 1.16 $
		 $Date: 2007/06/13 21:09:25 $
		 $Author: dgerlach $

		 Description:
		 The main CSS file for the site. This file controls the top and left areas of the 
		 screen layout, including all the elements contained inside. It also sets up the 
		 center content area and then delegates the content elements to sub-CSS files.

*/

/* BEGIN HTML element styles */
ol, ul, li, td {
		 margin: 0px;
		 padding: 0px;
}

ol, ul {
		 list-style: none;
}

img .PNG {
		 border: 0px;
}

img .GIF {
		 border: 0px;
}

table {
		 border-collapse: collapse;
		 border-spacing: 0px;
}
/* Do not show classic underline for link */

a {
		 text-decoration:none;
}

/* END HTML element styles */

/* BEGIN Class tags section, may be used anywhere in the HTML page */
.ClearBoth {
		 clear: both;
		 height: 1px;
}

.Bold {
		 font-weight: bold;
}

.AquaBlue {
		 color: #01b6f1;
}

.Green {
		 color: #75c018;
}

.Sand {
		 color: #cdc5b8;
}
.Gray {
		 color: #919c8b;
}

/* Page layout styles */

/* Main page layout. This should not include font infomration. */

.page {
		 background-color: #FFFFFF;
		 position: relative;
		 text-align: center;
}

.search {
		 position: absolute; 
		 right: 6px;
		 /* right: 34px; */
		 top: 4px; 
		 font-weight: bold; 
		 color: #fff;
}

.search span.button {
		 vertical-align: text-bottom;
}

/* Search button formatting. */
.search-button {
		 position: absolute; 
		 right: 6px; 
		 top: 11px;
}

/* Page footer */
.footer {
		 margin-top: 32px; 
		 margin-left: 22px;
		 font-size: 8px;
}

.base-font {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #1b1d17;
	line-height: 16px;
}


/* Area containing locator, featured product and help items */
.sidebar {
		 display:block;
    width: 194px;		 
}

.sidebar .heading {
		 font-weight:bold;
		 font-size:11px;
		 padding: 8px;
		 border-bottom: 1px solid #e1e7d9;		 
}

/* Define a zone to contain all featured items in the sidebar. */
.sidebar .featureZone {
		 margin-top: 32px;
		 background-color: #e4ebdb;
		 
}

/* Control the display of the featured product */
#featured-product {
		 display: block;
}

/* Control the display of the featured project */
#featured-project {
		 display: block;
}


/* Featured product area */
.sidebar #featured-product iframe {
		 width: 200px;
		 height: 430px;
}

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

/* Define the get more information button for a feature */
.sidebar .featureZone .button {
		 line-height: 22px; 
		 text-align: center;
}

/* Title area for featured item. */
.sidebar .featureZone .title {
		 display: block; 
		 margin-left: 10px; 
		 margin-top: -2px; 
		 margin-bottom: 3px;
}

.sidebar .featureZone .image {
		 display: block; 
		 margin-left: 10px; 
		 margin-bottom: 3px;
}

/* The textual description of the feature */
.sidebar .featureZone .description {
		 width: 174px; 
		 background-color: #fff; 
		 margin-left: 10px; 
		 line-height: 12px;
}

.sidebar .featureZone .description .text {
		 padding: 8px;		 
}

/* Featured Project styles */
.sidebar div.featuredProject {
		 margin-top: 32px; 
		 background-color: #e4ebdb;
}

/* Display Red X for disabled projects */
.sidebar div.featuredProject div.disabled-project-image {
		 position: absolute;  
		 margin-left: 10px;
}

/* Featured Project Title Image */
.sidebar div.featuredProject div.featured-project-heading {
		 display: block; 
		 margin-left: 10px; 
		 padding-top: 6px;
		 margin-top: -2px;
		 z-index: 10;
}

/* Set the Audio color setting for the Project Title*/
.sidebar div.featuredProject div.featured-project-title-background-audio {
		 display: block;
		 margin-left: 10px; 
		 width: 174px; 
		 background-color: #d71f27; 
}

/* Set the Computer Networking color setting for the Project Title*/
.sidebar div.featuredProject div.featured-project-title-background-network {
		 margin-left: 10px; 
		 width:174px; 
		 background-color: #7c4299; 
}
/* Set the Structure Wiring color setting for the Project Title*/
.sidebar div.featuredProject div.featured-project-title-background-structured {
		 margin-left: 10px; 
		 width:174px; 
		 background-color: #8b7a68; 
}
/* Set the Telephone color setting for the Project Title*/
.sidebar div.featuredProject div.featured-project-title-background-telephone {
		 display:block;
		 margin-left: 10px; 
		 width:174px; 
		 background-color: #0193cf; 

}

/* Set the Video color setting for the Project Title*/
.sidebar div.featuredProject div.featured-project-title-background-video {
		 margin-left: 10px; 
		 width:174px; 
		 background-color: #f1b310; 
}

/* Feature Project Title text */
.sidebar div.featuredProject div.featured-project-title {
		 padding-bottom: 10px; 
		 padding-top: 2px; 
		 padding-left:10px; 
		 color:white; 
		 font-size: 17px; 
		 font-weight: bold;
}

/* Featured Project Image settings */
.sidebar div.featuredProject div.featured-project-image {
		 display: block; 
		 margin-left: 10px; 
		 margin-bottom: 3px; 
		 margin-top: 3px;
		 width: 174px;
}

.sidebar div.featuredProject div.featured-project-desc-background {
		 width: 174px; 
		 background-color: #fff; 
		 margin-left: 10px; 
		 line-height: 12px; 
}

/* Project description text */
.sidebar div.featuredProject div.featured-project-desc {
		 padding: 8px;
}

.sidebar div.featuredProject div.featured-project-desc a {
		 padding: 8px;
		 color: #01b6f1;
		 font-weight: normal;
		 text-decoration: none;
}

.sidebar div.featuredProject div.featured-project-button {
		 width: 84px; 
		 background-color: #fff; 
		 margin-left: 100px; 
		 margin-top: 7px;
}

.sidebar div.featuredProject div.featured-project-button div.featured-project-button-text {
		 line-height: 22px; 
		 text-align: center;
		 color: #01b6f1;
		 font-size: 11px;
}


.sidebar div.featuredProject div.featured-project-button div.featured-project-button-text a {
		 text-decoration: none;
		 font-weight: bold;
		 color: #01b6f1;
}

.sidebar div.help-center {
		 display: block;
}

.sidebar div.help-center div.help-content {
		 margin-left: 10px;
		 margin-top: 8px; 
		 margin-right: 10px;
}

/* END Class tags section*/

/* BEGIN id based styles */
/* Main content sectin - this includes the OnQ Header */

#OnQfooter {
		 margin-top: 32px;
		 margin-left: 222px;
		 clear:both
}

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

/* Display the OnQ logo */
#OnQlogo {
		 display: block;
		 width: 151;
		 height: 72;
		 display: block;
		 margin-left: 11px;
		 margin-top: 37px;
		 margin-bottom: 32px;
		 border: 0px;
/*		 background: white url(http://images.onqlegrand.com/gen_oql_logo.jpg) no-repeat left top;*/
}

#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 {
	width: 194px;
	float: left;
	
	/*background-color:#66CCFF;*/
}

#navigation .navdeco {
    padding-bottom:27px;
}

#navigation .navdeco a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    padding: 2px;
    text-decoration: none;
}

#navigation a:hover {
    text-decoration: none;
}

#navigation a.current {
    color: #507076;
}

#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;
}

/* Determines the properties of the header background image */
#header-background-image {
		 width: 647px;
		 height: 80px;
		 background: transparent url(http://images.onqlegrand.com/header_product_bg.gif) no-repeat left top;
}

#OnQContent {
		 /*width: 647px;*/
}

#OnQcontent .title {
		 position: relative;
		 height: 45px;
		 width: 647px;
		 background-color: #73c318;
}

#OnQcontent .title .sifrTitle {
  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 .title .button1 {
		 position: absolute;
		 right: 102px;
		 border: 0;
		 bottom: 0px;
}

#OnQcontent .title .button2 {
		 position: absolute;
		 right: 10px;
		 bottom: 0px; 
		 border: 0;
}

#OnQcontent .image {
		 position: relative;
}

#OnQcontent .header-bottom-image {
		 width: 647px;
		 height: 10px;
		 background: white url(http://images.onqlegrand.com/product_header_rounded_bottom.gif) no-repeat left top;
}

/* Page header */
#OnQheader {
		 position: relative;
		 width: 647px; 
		 /* height: 75px */
}

/* Header top row links */
#OnQheader .site-links {
		 position: absolute; 
		 left: 22px; 
		 top: 16px;
		 font-weight: bold; 
		 color: white;
		 width: 647px;
}

/* Site links in header */
#OnQheader .site-links a {
		 text-decoration: none;
}

/* Control formatting of About OnQ Link */
#OnQheader .site-links .aboutOnQ {
		 margin-left: 32px;
}
/* Header link color */
#OnQheader a {
		 color: #fff;
}

#OnQheader .tabbed-nav {
		 position: absolute;
		 left: 16px;
		 top: 40px;
		 width: 607px;
		 padding-top: 6px;
/*		 padding-top: 5px; For images */
/*		 padding-bottom: 1px; For images */
		 padding-bottom: 7px; /* For text */
		 padding-left: 2px;
		 border-top: 1px solid #95cf4f; 
		 border-bottom: 1px solid #95cf4f;
}

#OnQheader .tabbed-nav a {
		 text-decoration: none;
}

/* new sizes per Daryl for four-part nav bar 2007-06-13: */
#OnQheader .tabbed-nav .nav1{
		 border: 0px;
		 font-size: 11px;
		 margin-right: 28px;
		 margin-top: 8px;

}

#OnQheader .tabbed-nav .nav2{
		 border: 0px;
		 font-size: 11px;
		 margin-right: 28px;
		 margin-top: 8px;

}

#OnQheader .tabbed-nav .nav3{
		 border: 0;
		 font-size: 11px;
		 margin-top: 8px;
		 margin-right: 28px;
}

#OnQheader .tabbed-nav .nav4{
		 border: 0;
		 font-size: 11px;
		 margin-top: 8px;
}

#onQheader .tabbed-nav .selected {
		 font-weight: bold;
/*		 background: transparent  no-repeat left bottom; 
		 background-image: url(http://images.onqlegrand.com/arrow.gif);
		 background-color: transparent;
		 background-repeat: no-repeat;
		 background-position: bottom left;*/
}

#installer-locator {
		 margin-top: 64px;
}

#installer-locator a {
		 display: block;
		 color: #919c8b;
}

#retailer-locator {
		 margin-top: 24px;
}

#retailer-locator a {
		 display: block;
		 color: #919c8b;
}

/* END id based styles */
/* BEGIN Jahia required styles */
#userShell {
		 width:877px;
		 text-align: left;
		 margin-right:auto;
		 margin-left: auto;
}

#header {
		 /* CI Custom- hide tabs */
    display: none;
    width: 857px;
    float:left;
    clear:both;
    background-color:#FFFFFF;
}

/* Edit, Live, Compare Jahia tabs */
#wrapper {
    display: none;
}

#pagebody {
    display:block;
    padding: 0 0px 20px 0px;
    width: 1000px;
    float:left;
    clear:both;
}

#content {
/*
	padding-left: 16px;
*/
		 float: left;
	width: 647px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 20px;
	/*background-color:pink; */
}


/* Jahia'ism' for dynamically changing the page's full width setting - 
   these settings are for pages that include the navigation */ 
#content .full2 {
    float: right;
		 width: 647px;
    display:block;
}

/* Search Results hit formatting. */
span.searchHighlightedText {
		 font-weight:bold;
		 font-size:larger;
		 background:#75c018;
		 color: white;
}

/* Search page "show details" link properties */
div.searchHit a {
		 text-decoration: none;
}

div.searchHit a:hover {
		 text-decoration: none;
}

.searchLink {
		 background-color: #eeeeee;

}

/* Search Page "Advanced Search" Link properties */
span.searchLink a {
		 text-decoration: none;
}

span.searchLink a:hover {
		 text-decoration: none;
}

/* Advanced Search Content Area */
#searchPanel {
    display: block;
/*    margin:0 auto;*/
    width: 640px;
/*  		 clear:both;*/
}

/* END Jahia required styles */

/* added by Warren 2007-07-20: */
.features {
	width:400px;
	float:left;
	text-align:left;
}

.specifics {
	width:140;
	float:left;
	text-align:left;
}