/******************************************************************************
Gross Layout
******************************************************************************/
body { 
	margin: 0;
	padding: 0;
	text-align: center;		/* for horizontal centering */
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	background-color: white;
	color: #333333;
}
#body_inner {
	margin: 0 auto 0 auto;		/* for horizontal centering */
	text-align: left;		/* for horizontal centering */
	width: 883px;			/* for horizontal centering */
}

/******************************************************************************
Navigation Header
******************************************************************************/
#nav_header {
	min-height: 95px;		/* IE doesn't support this. */
	_height: 95px;			/* IE only: acts as min-height */
	position: relative;		/* establish child object positions */
	z-index: 250;			/* fix a bug that caused menus to be
					   obscured by design center contact us
					   sidebar */
}
#search_container {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	text-align: right;
}
#emblem_container {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	padding-top: 10px;
}

.front_page #nav_header {
	min-height: 130px;		/* IE doesn't support this. */
	_height: 130px;			/* IE only: acts as min-height */
}
.front_page #search_container {
	top: 15px;
}
.front_page #emblem_container {
	top: 15px;
}

#search_container input.text {
	width: 100px;
}

#nav_header div.hr {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 4px;
	font-size: 0;			/* IE workaround */
	background-color: #89a49b;
}

/******************************************************************************
Page Title
******************************************************************************/
#page_title {
}
#page_title h1 {
	color: #999999;
	font-family: "Times New Roman", serif;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 215%;
	font-weight: normal;
}
#page_title h1.smaller {
	/* used for spec page titles */
	font-size: 215%;
}
#page_title h2 {
	color: #999999;
	font-family: "Times New Roman", serif;
	font-size: 145%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#page_title div.hr {
	height: 1px;
	padding-top: 10px;
	font-size: 0;			/* IE workaround */
}

/******************************************************************************
Content Area
******************************************************************************/
#content {
}
#content_inner {
}
#content_inner_inner {
	min-height: 350px;		/* IE doesn't support this */
	_height: 350px;			/* IE only: acts as min-height */
	padding: 37px 0;		/* suitable for most pages. */
}
#content_inner_inner div.hr {
}

/* For main landing pages with banners and gradients butting up, mostly. */
#content_inner_inner.no_padding {
	padding: 0;
}
#content_inner_inner .padding {
	padding: 37px 0 37px 0;		/* suitable for most pages. */
}

/******************************************************************************
Footer
******************************************************************************/
#footer {
	padding: 5px 0 15px 0;
	color: #333333;
}
#footer a:link,
#footer a:visited {
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	color: #999999;
	text-decoration: underline;
}
#footer_table {
	width: 100%;
}
#footer_table tr {
	vertical-align: baseline;
}
#footer_table td.newsletter {
	text-align: right;
}
#footer_table td.newsletter input.text {
	width: 100px;
}
#footer .copyright {
	color: #999999;
	font-size: smaller;
	margin: 0.5em 0 0 0;
}

/******************************************************************************
General Styles
******************************************************************************/
body table {
	font-size: 100%;		/* fixes an MSIE 5 PC bug */
}
form {
	margin: 0;
}
h1 {
	font-size: 145%;		/* consistent between IE and FF */
	margin: 0.6em 0 0 0;
}
h2 {
	font-size: 125%;		/* consistent between IE and FF */
	margin: 0.8em 0 0 0;
}
h3 {
	font-size: 115%;		/* consistent between IE and FF */
	margin: 0.8em 0 0 0;
}
h3, h4, h5, h6 {
	font-size: 100%;
	margin: 0.9em 0 0 0;
}
p {
	margin: 0.9em 0 0 0;
}

.halfline {
	margin-top: 4px !important;
}
.tight {
	margin-top: 0px !important;
}
.fullline {
	margin-top: 0.9em !important;
}
.bigskip {
	margin-top: 18px !important;
}

a:link,
a:visited {
	color: #333333;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}

ul {
	margin: 0;
	padding: 0;
 	list-style-type: none;
}
ul li {
	list-style-type: none;
	background-image: url("../images/bullet_yellow_circle.gif");
	background-position: 1px 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}
ul.dashes li {
	background-image: url("../images/bullet_yellow_dash.gif");
	background-position: 2px 7px;
}
ul.dots li {
	background-image: url("../images/bullet_yellow_dot.gif");
	background-position: 2px 7px;
}
ul.small_circles li {
	background-image: url("/images/bullet_yellow_circle_small.gif");
	background-position: 2px 6px;
}
ul.small_white_squares li {
	background-image: url("/images/bullet_white_square_small.gif");
	background-position: 2px 6px;
}
ul.no_bullets li {
	background-image: none;
}
ul.spaced li {
	margin-bottom: 4px;
}
ul.fullspaced li {
	margin-bottom: 0.9em;
}
ul.nonspaced li {
	/* intended for placement inside a ul.spaced or ul.fullspaced. */
	margin-bottom: 0;
}

.highlight {
	color: black;
	font-weight: bold;
}
a.highlight:link,
a.highlight:visited {
	color: black;
}
a.highlight:hover {
	color: black;
	text-decoration: underline;
}

.requiredIndicator {
	/* used for the asterisk indicating that filling in a field is
	required. */
	color: #ee3324;
}

img.border,
a:link img.border,
a:visited img.border {
	border: solid 1px #ffffff;
	padding: 1px;
}
a:hover img.border {
	border: solid 1px #999999;
}

img.noReallyINeedABorder,
a:link img.noReallyINeedABorder,
a:visited img.noReallyINeedABorder {
	border: solid 1px #e2f0eb;
	padding: 1px;
}
a:hover img.noReallyINeedABorder {
	border: solid 1px #999999;
}

big {
	font-size: 115%;
}
.highlight_box {
	padding: 5px;
	border: solid 1px #e2f0eb;
	background-color: #e2f0eb;
}

/******************************************************************************
Utility
******************************************************************************/

.iconline {
	margin-top: 0.5em;
}
img.seethru {
	vertical-align: middle;
	border-width: 0;
	background-color: #333333;
}
a:active img.seethru, a:hover img.seethru {
	background-color: #999999;
}
.bold {
	font-weight: bold;
}

.stroke {
	border: 1px solid #ffffff;
}
.strokeT {
	border-top: 1px solid #ffffff;
}
.strokeR {
	border-right: 1px solid #ffffff;
}
.strokeB {
	border-bottom: 1px solid #ffffff;
}
.strokeL {
	border-left: 1px solid #ffffff;
}

/******************************************************************************
Image Blocks
******************************************************************************/

.imageBlock {
	margin-bottom: 18px;
}
.imageBlock td.imageCell {		/* will widen itself as needed */
	width: 1%;
	vertical-align: top;
}
.imageBlock td.imageCell img, .imageBlock td.imageCell a img {
	margin-top: 2px;
	margin-right: 10px;
}
.imageBlock td.textCell {
	width: 75%;
	vertical-align: top;
}

/******************************************************************************
Data Tables
******************************************************************************/

.dataTableOpen   { width:100%; }
.dataTableClosed { width:100%; }
.dataTableOpen td,
.dataTableClosed td {
	text-align: left;
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #e2f0eb;
}
.dataTableClosed td {
	border-right: 1px solid #e2f0eb;
}
.dataTableOpen tr.headings td,
.dataTableClosed tr.headings td {
	vertical-align:bottom;
	font-weight:bold;
	padding-top:18px;
}

.dataTableOpen th,
.dataTableClosed th {
	vertical-align: bottom;
	text-align: left;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #e2f0eb;
}
.dataTableClosed th {
	border-right: 1px solid #e2f0eb;
}


/* e2f0eb -> f1f8f5 or f1fffa */
tr.even { }
tr.odd  { background-color: #f1fcf8; }
.shaded { background-color: #f1fcf8; }

/******************************************************************************
Forms
******************************************************************************/
form input, form textarea {
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
}
form input.text {
	border: solid 1px #7f9db9;
	background-color: white;
	color: black;
}
form input.image {
	vertical-align: bottom;
}
form fieldset {
	/* You know how in IE6 the textarea expands a few pixels wider the
	   moment you start typing something in it?  Use a fieldset and this
	   stops happening. */
	border-width: 0;
	padding: 0;
	margin: 0;
}

/******************************************************************************
Menus!
******************************************************************************/
#nav_header_menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 250;
}
#nav_header_menu table#menu1 {
	margin: 0 auto 0 auto;		/* needed to center a table in IE6 */
}

/*-----------------------------------------------------------------------------
This batch of CSS rules is based on samples provided by mygosuMenu.
-----------------------------------------------------------------------------*/

/******* Nav Bar *******/

.ddmx .item1,
.ddmx .item1:hover {
	display: block;
	white-space: nowrap;
	position: relative;
}
.ddmx .item1 img,
.ddmx .item1:hover img {
	border-width: 0;
	padding: 0 2px;
}

/******* Flyouts *******/

.ddmx .item2,
.ddmx .item2:hover {
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
}

.ddmx a.item2,
.ddmx a.item2:hover {
	padding: 3px 6px 3px 6px;
	color: black;	 /* not just on .ddmx .item2, in order to work in IE */
	font-weight: normal;
	text-decoration: none;
}

.ddmx a.item2.arrow,
.ddmx a.item2.arrow:hover {
	padding-right: 20px;		/* room for the arrows */
}

.ddmx .item2 {
	background-color: #89a49b;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	background-color: #b1cbc2;
}

.ddmx .section .section .item2 {
	background-color: #b1cbc2;
}
.ddmx .section .section .item2:hover,
.ddmx .section .section .item2-active,
.ddmx .section .section .item2-active:hover {
	background-color: #c8e2d9;
}

.ddmx a.arrow,
.ddmx a.arrow:link,
.ddmx a.arrow:visited,
.ddmx a.arrow:hover {
	background-image: url("../images/arrow_for_dropdowns.gif");
	background-repeat: no-repeat;
	background-position: center right;
}

.ddmx .section {
	/* IE6: for menu hiding to work, we MUST specify a border-width here.
	   Even if it's 0. */
	border-width: 0;
	position: absolute;
	visibility: hidden;
	z-index: -1;			
	margin-top: 2px;
	border-bottom: solid 2px #89a49b;
}
.ddmx .section .section {
	border-bottom: solid 2px #b1cbc2;
	margin-top: 0;
}
* html .ddmx td {
	position: relative;		/* for IE up to 6.0 */
}

/*-----------------------------------------------------------------------------
Make level-1 flyouts at least as wide as their respective tabs' images.

NOTE: header.inc puts IDs on the level-1 flyouts, then the dropdown
menu code changes the IDs on the flyouts, but these styles produce the
desired effect before that happens.
-----------------------------------------------------------------------------*/
#flyout_products {
	min-width: 116px;		/* IE doesn't support this. */
	_width: 116px !important;	/* IE only: acts like min-width */
}
#flyout_get_inspired {
	min-width: 137px;		/* IE doesn't support this. */
	_width: 137px !important;	/* IE only: acts like min-width */
}
#flyout_service_and_support {
	min-width: 183px;		/* IE doesn't support this. */
	_width: 183px !important;	/* IE only: acts like min-width */
}
#flyout_for_the_trade {
	min-width: 147px;		/* IE doesn't support this. */
	_width: 147px !important;	/* IE only: acts like min-width */
}

/*-----------------------------------------------------------------------------
Make all level-2 flyouts under Products the same width as one another.
If we ever create an item wider than this, this will have to be tweaked.
-----------------------------------------------------------------------------*/

#flyout_products .section {
	width: 16em;
}

/******************************************************************************
Sidebars
******************************************************************************/

.sidebar {
	clear: right;			/* for one sidebar under another */
	float: right;
	width: 188px;
	background-image: url("../images/background_sidebar.gif");
	background-repeat: repeat-y;
	background-position: top left;
	margin-bottom: 37px;
	.margin-bottom: 0; /* IE8 adds top-padding to a second sidebar. IE9: may need to revisit. :( */
}
.sidebar .sidebar_top {
	background-image: url("../images/background_sidebar_top.gif");
	background-repeat: repeat-y;
	background-position: top left;
	min-height: 33px;
	_height: 33px;
	text-align: left;
	padding: 16px 10px 0 10px;
}
.sidebar .sidebar_top h2 {
	font-family: "Times New Roman", serif;
	font-weight: normal;
	margin-right: -10px;
	margin-top: -1px;
	line-height: 17px;
	font-size: 17px;
	color: #555555;
}
.sidebar .sidebar_top h2.twoLine {
	/* to accomodate two lines of text in the heading */
	/* best when you force the issue with a <br />. */
	margin-top: -10px;
}
.sidebar .sidebar_body {
	padding: 1px 10px 17px 10px;
	/* at least 1px top-padding required to keep background butting up
	   against sidebar_top. */
	background-image: url("../images/background_sidebar_bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

.two_thirds_column {
	/* Used on pages with sidebars to provide a "main column" that doesn't
	   wrap around the sidebar.  Can also be used alone, as a direct
	   descendant of content_inner_inner. */
	width: 589px;
}
#content_inner_inner .two_thirds_column div.hr {
	background-image: url("../images/hr_yellow_gradient_narrow.gif"); /*FIXME*/
}

/******************************************************************************
Miscellaneous elements
******************************************************************************/

.banner {
	font-size: 0;			/* IE workaround */
}
.banner div.hr {
	height: 1px;
	padding-top: 10px;
	font-size: 0;			/* IE workaround */
}

.gradient {
	clear: both;
	background-color: #e2f0eb;
}
h2.gradient {
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 170%;
	padding: 5px 10px;
	margin-top: 18px;
	color: #666666;
}
h3.gradient {
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 145%;
	padding: 5px 10px;
	margin-top: 18px;
	color: #666666;
}

hr.divider {
	height: 1px;
	color: #333333;
	background-color: #333333;
	width: 100%;
	margin: 3px 0 3px 0;
	border-width: 0;
}

table.fillout_form_table td.first {
	text-align: right;
}
table.fillout_form_table td {
	padding-bottom: 0.5em;
	padding-right: 1em;
}
table.fillout_form_table tr.textarea td {
	vertical-align: top;
}

span.bullet {
	background-image: url("../images/bullet_yellow_circle.gif");
	background-position: 1px 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}

/******************************************************************************
2- or 3-column tables with thumbnails.
Used for: products landing pages, installation faqs landing
******************************************************************************/

table.products_menu tr {
	vertical-align: top;
}

/* 2 * gutter + 3 * thumb + 3 * default column size = 810 */
table.products_menu td {
	padding-bottom: 37px;
	width: 150px;
}
table.products_menu td.thumb {
	width: 108px;
}
table.products_menu td.gutter {
	width: 18px;
}
table.products_menu td.with_colspan {
	width: auto;			/* don't set width on colspan tds */
}

table.products_menu h4 {
	font-size: 125%;		/* consistent between IE and FF */
}
table.products_menu ul.list_column {
	float: left;
	width: 150px;
	padding-right: 18px;
}

/* ------------------------------------------------------------------------- */

table.two_column.products_menu td {
	width: 200px;
	padding-right: 18px;
}
table.two_column.products_menu td.thumb {
	width: 108px;
	padding-right: 0;
}
table.two_column.products_menu td.gutter {
	border-left: solid 1px #cccccc;
	width: 18px;
	padding-right: 0;
}
table.two_column.products_menu td.with_colspan {
	width: auto;
}

/******************************************************************************
Professional Design Library
******************************************************************************/

.floatLeft_thumb {
	float: left;
	padding-right: 7px;
	margin-top: 3px;
}
#content_inner_inner.padding_small_top {
	padding-top: 15px;
}
div.library_back_to_list {
	border-bottom: 1px solid #333333;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

/******************************************************************************
What's New
******************************************************************************/

body.whats_new_main #content_inner_inner .padding {
	padding: 18px 0;
}
body.whats_new_main h2.gradient {
	margin-top: 0;
}
body.whats_new_main table.two_column { width: 100%; }
body.whats_new_main table.two_column tr { vertical-align: top; }
body.whats_new_main table.two_column td.left,
body.whats_new_main table.two_column td.right { width: 49%; }
body.whats_new_main table.two_column td.gutter { width: 2%; }
body.whats_new_main table.two_column td.right h2.gradient {
	background-position: top right;
}
body.whats_new_main .imageBlock {
	width: 390px;
	margin-bottom: 0;
}

/******************************************************************************
Photo Galleries - Generic Styles
******************************************************************************/

body.photo_gallery div.left_column {
	float: left; width: 60%; padding: 0;
}
body.photo_gallery div.right_column {
	float: right; width: 40%; padding: 0;
}
body.photo_gallery #content_inner_inner div.left_column .padding {
	padding: 0;
}
body.photo_gallery #content_inner_inner div.right_column .padding {
	padding: 0;
}
body.photo_gallery div.thumbnails p {
	float: left;
	margin: 0;
	padding: 18px 18px 0 0;
}

/******************************************************************************
What's New - Photo Galleries
******************************************************************************/

body.whats_new_photo_gallery #content_inner_inner {
	padding-top: 1px; /* must be at least 1px to keep background
		butting up if first child is a [h3 class="gradient"] */
	padding-left: 0;
	padding-right: 0;
}
body.whats_new_photo_gallery #content_inner_inner div.left_column .padding {
	padding-top: 18px;
}
body.whats_new_photo_gallery #content_inner_inner div.right_column .padding {
	padding-top: 18px;
}

body.whats_new_photo_gallery .model_info {
	width: 50%;
	margin-top: 18px;
	background-color: #e2f0eb;
	padding: 5px 10px;
}
body.whats_new_photo_gallery .model_info ul li {
	background-image:
		url("../images/bullet_yellow_circle_for_lighter_gray.gif");
}

body.whats_new_photo_gallery .model_info table {
	margin-top: 5px;
	width: auto;
}
body.whats_new_photo_gallery .model_info table tr {
	vertical-align: baseline;
}
body.whats_new_photo_gallery .model_info table td {
	vertical-align: top;
	padding-left: 12px;
}
body.whats_new_photo_gallery .model_info table td.model {
	font-weight: bold;
	vertical-align: top;
	background-image:
		url("/images/bullet_yellow_circle_for_lighter_gray.gif");
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding-left: 12px;
}
body.whats_new_photo_gallery div.right_column h3.gradient {
}

/******************************************************************************
Design Contest Photo Galleries
******************************************************************************/

body.design_contest_photo_gallery #content_inner_inner
div.left_column .padding {
	padding-top: 18px;
}
body.design_contest_photo_gallery #content_inner_inner
div.right_column .padding {
	padding-top: 18px;
}

body.design_contest_photo_gallery #large_photo_container {
	padding-bottom: 0.9em;
}
body.design_contest_photo_gallery .design_contest_headshot {
	margin-top: 0.9em;
	float: left;
	width: 104px;
	margin-right: 18px;
}
body.design_contest_photo_gallery .design_contest_headshot img {
	margin-top: 2px;
}
body.design_contest_photo_gallery .design_contest_bio_head {
	float: left;
	width: 350px;
}
body.design_contest_photo_gallery .design_contest_bio {
	clear: both;
	width: 472px;
	padding-top: 1px; /* needed for top-margin of first p inside to work */
}
body.design_contest_photo_gallery .design_contest_page_title img {
	padding-bottom: 3px;
}

/******************************************************************************
Get Inspired: Home Photo Galleries
- numerous minor tweaks required to get three thumbnails on a line
******************************************************************************/

body.home_photo_gallery #content_inner_inner {
	padding-left: 0px;
}
body.home_photo_gallery div.left_column {
	width: 484px;
}
body.home_photo_gallery div.right_column {
	width: 330px;
}
body.home_photo_gallery #content_inner_inner div.left_column .padding {
}
body.home_photo_gallery #content_inner_inner div.right_column .padding {
	padding-left: 0;
}

body.home_photo_gallery div.thumbnails p {
	padding: 10px 10px 0 0;
}

body.home_photo_gallery .designer_details {
	padding: 10px;
	background-color: #e2f0eb;
	margin-top: 18px;
}

body.home_photo_gallery .home_gallery_title {
	margin-bottom: 18px;
	min-height: 88px;		/* IE doesn't support this. */
	_height: 88px;			/* IE only: acts as min-height */
	position: relative;
}
body.home_photo_gallery .home_gallery_title img.home_gallery_title {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 10px;
}
body.home_photo_gallery .home_gallery_title h2 {
	position: relative;
	z-index: 2;
	padding-top: 70px;
	color: #999999;
	font-weight: normal;
	font-size: 215%;		/* consistent between IE and FF */
	margin-top: 0;
	margin-right: 60px;
	font-family: "Times New Roman", serif;
}

/******************************************************************************
For the Trade: Product Information Search
******************************************************************************/

body.trade_product_info_search .model_image {
	float: left;
	width: 110px;
	margin-top: 0.9em;
}
body.trade_product_info_search .model_info {
	float: left;
	width: 525px;
	margin-top: 0.9em;
}
body.trade_product_info_search .search_result {
	margin-top: 18px;
}
body.trade_product_info_search .model_info th {
	background-color: #e2f0eb;
} 
body.trade_product_info_search .model_info td.specifications {
	width: 25%;
}
body.trade_product_info_search .model_info td.installation {
	width: 25%;
}
body.trade_product_info_search .model_info td.cad {
	width: 20%;
}
body.trade_product_info_search .model_info td.custom {
	width: 30%;
}
form.product_info_search_form input.text {
	width: 100px;
}

/******************************************************************************
For the Trade: Installation FAQs & Tips
******************************************************************************/

body.installation_faqs_cooking table.cooktop_oven_combos thead th {
	vertical-align: top;
}
body.installation_faqs_cooking table.cooktop_oven_combos tbody td {
	vertical-align: middle;
}
body.installation_faqs_cooking table.cooktop_oven_combos td.yes_or_no {
	text-align: center;
}
body.installation_faqs_cooking table.cooktop_oven_combos thead th span.sku {
	font-weight: normal;
}

body.installation_faqs_ventilation table.venting_options {
	width: auto;
}
body.installation_faqs_ventilation table.venting_options th,
body.installation_faqs_ventilation table.venting_options td {
	text-align: center;
}
body.installation_faqs_ventilation table.venting_options tr.notes td {
	text-align: left;
}
body.installation_faqs_ventilation table.recirculable_hoods {
	width: auto;
}

/******************************************************************************
Get Inspired: main landing page
******************************************************************************/

.get_inspired_main_page #content_inner_inner {
	padding-bottom: 0;
}
.get_inspired_main_page .imageBlock td.imageCell img,
.get_inspired_main_page .imageBlock td.imageCell a img {
	margin-right: 18px;
}
.get_inspired_main_page .imageBlock {
	margin-bottom: 37px;
}

/******************************************************************************
Get Inspired: home gallery landing page
******************************************************************************/
.get_inspired_home_gallery_table {
	width: 100%;
}
.get_inspired_home_gallery_table tr {
	vertical-align: top;
}
.get_inspired_home_gallery_table td {
	padding-top: 37px;
	font-size: 110%;
}
.get_inspired_home_gallery_table td.gutter {
	width: 18px;
}

/******************************************************************************
Newsletter Signup, etc.
******************************************************************************/
input.text.email {
	width: 200px;
}

/******************************************************************************
Literature
******************************************************************************/
.literature_main_page h2.category {
	margin-top: 18px;
	border: solid 1px blue;
	background-color: #ccccff;
	padding: 3px 18px;
	font-size: 125%;
	clear: both;
}
.literature_main_page .container {
	float: left;
	width: 45%;
}
.literature_main_page .container .pad {
	margin-right: 37px;
	margin-top: 18px;
}
.literature_main_page .container .txtblock {
	float: right;
	width: 58%;
}

/******************************************************************************
Service and Support
******************************************************************************/
.service_and_support_main_page .sidebar table {
	width: 100%;
}
.service_and_support_main_page .sidebar table td {
	vertical-align: top;
}
.service_and_support_main_page .sidebar table td.icon {
	width: 37px;
}
.service_and_support_main_page .sidebar table td {
	padding-top: 15px;
}
.service_and_support_main_page .sidebar table td.text {
	padding-top: 18px;
}

/******************************************************************************
Links in WEBIQ invitation. Override our page's default.
******************************************************************************/
a.opsdevFooterLink,
a.opsdevFooterLink:hover,
a.opsdevFooterLink:active,
a.opsdevFooterLink:visited  {
	color: black;
}

/******************************************************************************
Monogram Design Center
******************************************************************************/
body.design_center_background #content_inner_inner {
	/*
	background-image: url("../for_the_trade/design_center/images/background_design_center.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 239px;
	*/
	min-height: 458px;		/* IE doesn't support this */
	_height: 458px;			/* IE only: acts as min-height */
}
body.design_center_background .two_thirds_column {
	width: 387px;
		/* based on: 589px default width
		             - 202px background image width */
}

body.design_center #contactForm .full_width {
	width: 95%;
}
body.design_center #contactForm textarea.comments {
	height: 6em;
}

body.design_center h3.eventCalendarMonth {
	font-size: 145%;
	color: #666666;
	font-weight: normal;
	font-family: "Times New Roman", serif;
	margin-top: 37px;
}
body.design_center table.eventCalendarTable {
	margin-top: 18px;
	border-top: solid 1px #e2f0eb;
}
body.design_center table.eventCalendarTable td {
	padding: 10px;
}
body.design_center table.eventCalendarTable .colA { width: 50%; }
body.design_center table.eventCalendarTable .colB { width: 30%; }
body.design_center table.eventCalendarTable .colC { width: 20%; }
body.design_center table.eventCalendarTable h4,
body.design_center table.eventCalendarTable p {
	margin-top: 0;
}
body.design_center table.eventCalendarTable .eventDescription {
	margin-top: 0.5em;
}
body.design_center table.eventCalendarTable .eventLink {
	font-weight: bold;
}

body.design_center table.singleEventTable .colA { width: 50%; }
body.design_center table.singleEventTable .colB { width: 50%; }

body.design_center table.eventCalendarTable .colC { border-right-width: 0; }
body.design_center table.singleEventTable .colB { border-right-width: 0; }

/******************************************************************************
Tooltips
******************************************************************************/
/**** Required For Tooltip Funcitonality ****/
.tooltipDiv {	
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

/**** Presentation ****/
.tooltipDiv {
	border: 1px solid #fff;
	background: #fff;
	padding: 0;
}
.tooltipDiv .wrapper {
	border: solid #829a92;
	border-width: 2px;
	padding: 8px;
}
.tooltipDiv .tooltipTitle {
	font-weight: bold;
	padding-bottom: 5px;
	table-layout: auto;
	border-bottom: solid 1px #c8e2d9;
}
.tooltipDiv .tooltipTitle .button {
	text-align: right;
	margin-top: 0;
	padding-left: 10px;
}
.tooltipDiv.arrowTooltip {
	border: 1px solid #fff;
	padding: 0;
}

/*****************************************************************************/
/* for the Emacs editor... */
/* Local Variables: */
/* fill-column: 79 */
/* comment-column: 40 */
/* End: */