/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/
* {
	margin: 0;
	padding: 2;
}

body { background: url(images/back_grey.jpg) repeat-x; color: #333; font-family: Arial,sans-serif; font-size: 62.5%;}

/* Links
----------------------------------------------------- */
a:link, a:visited { color: #742C2E; text-decoration: none;}
a:hover { text-decoration: underline;}

/* Global Text
----------------------------------------------------- */

h1 { color: #990000; font-size: 1.8em; line-height: 1.2em; margin: 0 0 1em 0;}
h2 { color: #742C2E; font-size: 1.6em; line-height: 1.2em;}
h3 { color: #334d55; font-size: 1.4em; line-height: 1.8em;}
h4 { color: #333; font-size: 1.2em; line-height: 1.4em;}
h5 { color: #334d55; font-size: 1em; line-height: 1.2em;}
h6 { color: #334d55; font-size: 1em; line-height: 1.2em; font-weight: normal; margin: 0 0 1em 0;}
p { font-size: 1.2em; margin: 0 0 1em 0;}
img { border: none;}
img.floatRight { float: right;}

/*************** product text styles ***************/
.name { color: #4A2A2A; font-weight: bold; font-size: 100%;}
.name img { float: right;}
.oem { color: #00548A; font-weight: bold;}
.oem a { color: #00548A; text-decoration: none;}
.oem a:hover { color: #00548A; text-decoration: none;}
.oem a:visited,a:hover,a:active { color: #00548A; text-decoration: none;}
.oem a:hover { color: #00548A; text-decoration: underline;}
.pn { color: #00548A; font-weight: bold; margin-left: 20px; text-align: right;}
.pn a { color: #00548A; text-decoration: none;}
.pn a:hover { color: #00548A; text-decoration: none;}
.pn a:visited,a:hover,a:active { color: #00548A; text-decoration: none;}
.pn a:hover { color: #00548A; text-decoration: underline;}
.top { color: #666; font-weight: normal; font-size: 11px; font-style: italic; text-align: right; width: 475px;}
.subtext { color: #000;}
.description { font-size: 11px; font-style: italic;}
.order { color: #742C2E; font-size: 12; font-weight: bold;}
.order a { color: #742C2E;}
.order a:link, a:visited, a:active { color: #742C2E; text-decoration: none;}
.order a:hover { color: #742C2E; text-decoration: underline;}

/********* form and related tag styles *********/

form { margin: 0; padding: 0;}
label { font: bold 1em Arial,sans-serif; color: #334d55;}
.table { margin: 0 0 2em 0; width: 500px;}
.table th { color: #742C2E; font-size: 1.2em; text-align: left; border-bottom: 1px solid #000;}
.table td { text-align: left;}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container { background: url(images/pagecell_bk2.gif); margin: 0 auto; position: relative; width: 828px;}
#wrap { margin: 0 0 0 4px; width: 820px;}
#masthead { float: left; width: 820px;}
#masthead.home { background: url(images/mast2.jpg) no-repeat; height: 278px;}
#masthead.in { height: 212px;}
#content { background: url(contentBG.gif) left repeat; float: left; width: 820px;}
#leftColumn { text-align: center; float: left;}
#leftColumn img { padding: 1em 0 30em;}
#leftColumn.small img { padding: 1em 0 15em;}
#pageNav {
	float: left;
	background-color: #6A7780;
	width: 155px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}
#pageNav ul { font-size: 1.2em; list-style: none;}
#pageNav li {  border-bottom: 2px solid #ccc;}
#pageNav li a {
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
}
#pageNav li a:hover { background: #ccc; color: #333;}
#news { float: right; padding: 0 3px; width: 109px;}
#news img { float: left;}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName { padding: 16px 0px 8px 0px; color: #fff; font-weight: normal;}

.clearthis { clear: both;}
/* (this is the code you will use) <div class="clearthis"> this div is not floated and its clear property is set to both </div> */

/************** utility styles *****************/
#utility { font-family: Verdana, sans-serif; color: #919999; font-weight: bold; left: 11px; position: absolute; top: 26px;}
#utility a { color: #6A7780;}
#utility a:hover { text-decoration: underline;}

/************** feature styles *****************/
.feature { background: url(images/vials.gif) no-repeat right; float: left; width: 524px; padding: 0 10px;}
.feature h1 { margin: 0 0 .75em 0;}
.feature li { margin: 0 0 .5em  0;}
.feature ul {
	font-size: 1.2em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}
.feature td { font-size: 1.2em;}
.feature img { padding: 10px;}

/*************** story styles ******************/
.story { float: left;}
.story a.capsule { color: #005FA9; display: block; padding-bottom: 5px;}
.story a.capsule:hover { text-decoration: underline;}
td.storyLeft{ padding-right: 12px;}

/************** siteInfo styles and footer graphic ****************/
#siteInfo { background: #f2f3f4; border-top: 1px solid #ccc; clear: both; text-align: center; padding: 10px 0; width: 820px;}
#siteInfo h6 { color: #000;}
#siteInfo h6 em { color: #00548A; font-weight: bold;}
#footerGraphic { background: url(http://www.chameleoncreativegroup.com/review/NOD/images/footer_back.gif) no-repeat; float: left; height: 36px; width: 828px;}

/************ sectionLinks styles **************/
#sectionLinks { margin: 0px; padding: 0px;}
/********************* end **********************/.table1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	text-transform: none;
	color: #333333;
	text-align: right;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bolder;
	text-align: center;
	width: 75%;
	color: #000000;
}
.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: normal;
}