/* GENERAL */

/* body setup */
html, body {
	height: 100%;
	margin: 0;
}

body {
	background-color: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

/* global styles */
a:link, a:active, a:visited, a:hover {
	color: #FF8C00;
	text-decoration: none;
}
.clear {
	height: 0;
	clear: both;
}


/* page wrapper */
#wrapper {
	position: relative;
	background: transparent url('images/wrapper-wide-bg.gif') repeat-y;
	width: 940px;
	margin: 0 auto;
	min-height: 100%;
	background-color: #fff;
	text-align: left;
}
* html #wrapper {
	height: 100%;
}

/* page header */
#header {
	border-top: 20px solid #e5e5e5;
}

#logo {
	background-color: #FF8C00;
	height: 89px;
}

#logo a {
	display: block;
	padding: 15px;
}

#top-nav { 
	padding: 0 140px 0 140px;
}

#top-nav ul {
	background-color: #000;
	margin: 0;
	list-style-type: none;
	padding: 0;
	height: 3em;
	
}
#top-nav ul li {
	display: block;
	float: left;
	background-color: #000;
	/* padding: 0 2em; */
        padding: 0 1.7em;
	line-height: 3em;
}
#top-nav ul li.selected {
	background-color: #e5e5e5;
}
#top-nav ul li a {
	font-weight:bold;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
#top-nav ul li a:hover {
	color: #FFCC00;
	text-decoration: underline;
}

#top-nav ul li.selected a {
	color: #000;
}
#top-nav ul li.selected a:hover {
	color: #000;
}


/* page area */
#page {
	position: relative;
	clear: both;
	padding-bottom: 90px;
	width: 100%;
}

/* share popup */
#share {
	position: absolute;
	top: 0;
	left: 101px;
	width: 597px;
	z-index: 10;
}

#share-content {
	position: relative;
	width: 597px;
	height: auto;
	overflow: hidden;
}

#share-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 597px;
	height: 765px;
	background: transparent url('/images/share/share-bg.png') no-repeat;
	z-index: -10;
	overflow: hidden;
}
* html #share-bg {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/share/share-bg.png', sizingMethod='crop');
}

#share-inner {
	position: relative;
	width: 536px; /* total: 597px */
	padding: 23px 33px 0 28px;
	min-height: 377px; /* total: 400px */
	z-index: 20;
	font-size: 12px;
	color:#7B7B7B;
}
* html #share-inner  {
	width: 597px; /* + border + padding */
	w\idth: 536px; /* proper */
	height: 400px; /* + border + padding */
	he\ight: 377px; /* proper */
}
#share-inner input.fld-submit {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	color: #FF8C00;
	padding: 0 3px;
	font-weight: bold;
	text-transform: uppercase;
}
#share-inner input#share-close {
	float: right;
	margin: 10px 0 0 0;
}
#share-inner input#share-send {
	margin: 0.33em 0 0 0;
}

#share-inner .errorBox,
#share-inner .errorBox p {
	color: red;
}

#share-inner input.fld-textfield {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	padding: 0 3px;
	width: 290px;
	color: #7B7B7B;
}

#share-inner textarea.fld-textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	padding: 0 3px;
	width: 290px;
	color: #7B7B7B;
	height: 64px;
}

#share-inner h1 {
	padding: 35px 0 0 0;
	margin: 0 0 20px 0;
	color: #FF8C00;
	font-size: 22px;
	font-weight: bold;
}

#share-inner p {
	display: block;
	margin: 0.33em 0;
	color: #666666;
	
}
#share-left {
	float: left;
	width: 302px;
}

#share-right {
	float: right;
	width: 218px;
}

#share-bottom {
	position: relative;
	width: 597px;
	height: 24px;
	background: transparent url('/images/share/share-bottom-bg.png') no-repeat;
}
* html #share-bottom  {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/share/share-bottom-bg.png', sizingMethod='crop');
}

/* left navigation */
#left-nav {
	position: relative;
	width: 140px;
	margin: 0;
	padding: 0;
	float: left;
	padding-bottom: 140px;
}
#left-nav ul {
	padding: 0 0.5em;
	margin-left: 0.8em;
	list-style: none;
	font-size: 11px;
	line-height: 1.3em;
}
#left-nav ul li {
	padding: 0.3em 0;
}
#left-nav ul li h2 {
	display: block;
	font-weight: bold;
	color:#000;
	font-size: 11px;
	margin: 0.5em 0 0 0;
}
#left-nav ul li a {
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
#left-nav ul li a:hover{
	text-decoration: underline;
}
#left-nav ul li.selected a {
	color:#FF6500;
}

#left-nav ul li ul {
	margin: 0;
}
#left-nav ul li ul li a, #left-nav ul li.selected ul li a  {
	color: #FFFFFF;
}

/* left navigation */
#right-nav {
	position: relative;
	width: 140px;
	margin: 0;
	padding: 0;
	float: left;
}


#right-nav .info {
	margin: 15px;
	border-bottom: 1px solid #bbbbbb;
	color: #000;
	font-size: 11px;
	padding-bottom: 0.5em;
}


#right-nav .info h3 {
	margin: 0 0 0.33em 0;
	font-size: 12px;
}
#right-nav .info h4 {
	margin: 0 0 0.33em 0;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}
#right-nav .info h3 a {
	color: #000;
} #right-nav .info h4 a  {
	color: #000;
	font-weight: normal;
}

#right-nav .info p {
	margin: 0 0 0.33em 0;
}
#right-nav .info p.more {
	text-align: right;
}
#right-nav .info a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#right-nav #left-nav-orange-man {
	position: relative;
	display: block;
	background: transparent url("/images/left-nav-orange-man.gif") top right no-repeat;
	height: 124px;
}

#right-nav #left-nav-orange-man {
	color: #000;
}
#right-nav #left-nav-orange-man p {
	position: absolute;
	left: 0px;
	bottom: 0px;
	cursor: pointer;
}
/* content-panel */
#content-panel {
	position: relative;
	float: left;
	width: 660px;
	margin: 0;
	padding: 0;
} 


#content-btns {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color:#000;
	display: none;
}
body.js-enabled #content-btns {
	display: block;
}

#content-btns,
#content-btns ul {
	height: 2.5em;
	line-height: 2.5em;
}

#content-btns ul {
	display: block;
	float: right;
	margin: 0;
	padding: 0 18px;
	list-style-type: none;
	width: auto;
}
#content-btns ul li {
	float: left;
	display: block;
	padding: 0 4px 0 0;
	margin: 0;
}

#content-btns ul li#content-btn-print {
	background: url("/images/btn_print.png") center left no-repeat;
	padding-left: 22px;
}
#content-btns ul li#content-btn-share {
	background: url("/images/btn_share.png") center left no-repeat;
	padding-left: 20px;
}



#content-btns ul li a {
	color: #000;
	font-weight: bold;
}
#content-btns ul li a:hover {
	color: #FF8C00;
}

/* content area styles */
#content {
	position: relative;
	margin: 0;
	padding: 20px 18px 0 18px;
	font-size: 12px;
	color:#7B7B7B;
} 

#content ul {
	padding-left: 0.5em;
	margin-left: 0.8em;
}

#content h3.blacktext { 
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#content .tileRight {
	float: right; 
	padding: 0 0 10px 10px; 
}

#content .tileLeft {
	float: left; 
	padding: 0 10px 10px 0; 
}

#content .captionCentered {
	text-align: center;
}

#content .refList li {
	margin-bottom: 1em;
}

#content a.refLink {
	color: #7B7B7B;
	font-weight: bold;
}


/* lower logo */
#lower-logo {
	position: absolute;
	left: 19px;
	bottom: 19px;
	padding-bottom: 80px;
}

/* lower logo */
#lower-share {
	position: absolute;
	right: 0px;
	bottom: 80px;
	width: 140px;
	background-color: #fff;
}

#lower-share p {
	margin: 15px;
	text-align: center;
}
#lower-share p a { 
	font-weight: bold;
	color: #000;
}

/* page footer */
#footer {
	position: relative;
	background-color: #e5e5e5;
	height: 70px;
	padding-top: 10px;
	width: 940px;
	margin: 0 auto;
	margin-top: -80px;
}
* html #footer {
	height: 80px; /* + border + padding */
	he\ight: 70px; /* proper */
}
#footer #links-footer {
	float: left;
	padding-left: 120px;
	width: 700px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color:#7B7B7B;
}
* html #footer #links-footer {
	width: 820px; /* + border + padding */
	w\idth: 700px; /* proper */
}

#footer #links-footer a {
	line-height:20px;
	font-weight: normal;
	color: #7B7B7B;
	text-decoration: none;
}
#footer #links-footer a a:visited, #footer #links-footer a a:hover {
	color: #7B7B7B;
} 

#footer #scan-alert {
	float: left;
	width: 120px;
}











/*  misc general styles */

.orangeText {
	color: #ff8c00;
}
.largerText {
	font-size: 14px;
}


/* home page */

#hot-news {
	float:right;
	border:1px solid #FF8C00;
	background-color: #FFCC00;
	padding:5px;
	width:200px;
	color: #000;
	font-size: 11px;
}
#hot-news h1 {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}
#hot-news ul {
	margin: 0.5em 0 0 1.1em;
	padding: 0;
}
#hot-news a {
	color: #000;
	font-weight: normal;
}
#hot-news a:hover {
	text-decoration: underline;
}

/* FAQ page */
.faq {
	line-height:14px;
	font-style: normal;
	font-weight: normal;
	background-color:#FFFFFF;
	color:#7B7B7B;
}

.faq div {
	padding-top: 14px;
	color: #000;
	font-weight: bold;
}

.faq p {
	margin: 0;
	padding: 0;
	padding-top: 7px;
}

table.faqTable {
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

.faqTable td {
	border: 1px solid #EEE;
	padding: 1px;
	padding-left: 5px;
}

p.res {
	font-size: 13px;
	font-weight: bold;
	color: #222;
	border-bottom: 1px #FF8C00 solid;
	padding-top: 2em;
	padding-bottom: 0.5em;
}



table.resTable {
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

.resTable td {
	border-width: 0;
	border-bottom: 1px #FF8C00 solid;
	padding: 1em 2em;
}

.resTable a {
	color: #7B7B7B;
}

.resTable a:hover {
	color: #7B7B7B;
	text-decoration: underline;
}

.article2 {
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	background-color:#FFFFFF;
	color:#7B7B7B;
}

h1.articleheader{
	font-size: 13px;
	color:#000000;
	text-align: left;
}

h2.sectionheader {
	margin-top: 2em;
	font-size: 16px;
	color: #000;
}

h2 {
	font-size: 11px;
	color:#333;
}

.blacktext {
	font-weight: bold;
	background-color:#FFFFFF;
	color:#000000;
}


/* Product index page */ 
.productTable {
	width: 100%;
	font-size: 12px;
	color: #666666;
}
.productTable td, .productTable th {
	padding: 0;
	vertical-align: top;
}
.productTable .productTitle {
	background: transparent url('images/products/productTitle-bg.jpg') repeat-y;
	font-weight: bold;
	line-height: 20px;
	padding-left: 10px;
}
.productTable .productImage {
	width: 186px;
}
.productTable .productDesc {
	padding: 10px 5px 20px 10px;
	width: 289px;
}
.productTable .productDesc h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
}
.productTable .productDesc ul {
	list-style: disc outside url('images/products/bullet.gif');
}
.productTable .productDesc ul li {
	font-size: 12px;
	line-height: 1.5;
	vertical-align: top;
}
.productTable .productDesc a {
	font-weight: bold;
	text-decoration: underline;
	color: #ff8c00;
}

/* home page */
#homeTitle {
	position: relative;
	height: 49px;
}


.newsItem {
	margin: 1em 0;
}
.newsItem h3 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}
.newsItem h3 a {
	font-weight: bold;
}
.newsItem p {
	margin: 0;
}
.newsItem a {
	font-weight: bold;
	text-decoration: underline;
}



/* country select boxes */

/* javascript disabled */
#countrySelect {
	display: none;
}
/* javascript enabled */
.js-enabled #countrySelect {
	display: block;
}

/* styles */
#countrySelect {
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #999;
	margin: 0 0 1em 0;
}
#countrySelect p {
	color: white;
	margin: 0 0 4px 0;
	font-weight: normal;
	font-size: 11px;
}
#countrySelect form {
	margin: 0;
}
#countrySelect select, #countrySelect option {
	font-size: 11px;
	font-weight: normal;
	width: 100%;
}

/* order forms */

/* javascript enabled */
.js-enabled .hideForm {
	display: none;
}
.js-enabled #usForm,
.js-enabled #usForm2,
.js-enabled #canForm,
.js-enabled #canForm2 {
	height: 8em;
}
.js-enabled .orderForm h6 {
	display: none;
}


/* styles */
.orderForm {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}
.orderForm p {
	margin: 0 0 1em 0;
}
.orderForm h6 {
	color: #000;
	font-weight: bold;
	font-size: 100%;
	margin: 1em 0 0.5em 0;
}

table.prp td {
	vertical-align: top;
	padding-bottom: 4px;
}



/* why omegabrite page style -- fluid layout version*/
#content-why {
	position: relative;
	padding-right: 171px;
}
* html #content-why  {
	width: 100%; /* fix for IE 5.5 -- bizarre */
	w\idth: auto; /* revert for IE 6+ */
}

#content-why-text {
	position: relative;
	float: left;
	width: 100%;
}
#content-why-man {
	position: relative;
	float: left;
	width: 171px;	
	margin-right: -171px; 
}

.body-info {
	position: absolute;
	z-index: 2;
	display: none;
	right: 171px;
	top: 0px;
	width: 350px;
	font-size: 11px;
	border: 1px solid #ffbf66;
	background-color: #ffffcc;
	padding: 10px;
	color: #e56b00;
}
#content-why .show {
	display: block;
}
.body-info h1 {
	font-size: 100%;
	color: #000;
	margin: 0 0 1em 0;
}
.body-info p {
	margin: 1em 0 0;
}
.body-info p.close {
	color: #000;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
}

/* faq page */
ul#faq {
	list-style: none;
	padding:0;
}
ul#faq li {
	margin: 0;
	padding: 0;
}
.answer {
	margin: 1em 0 2em 0;
}
.answer h6 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	margin: 1em 0;
}


/* success stories */
.successStory {
	margin: 0 0 2em 0;
}
.successStory h3 {
	margin: 0 0 0.15em 0;
	color: #FF8C00;
	font-size: 16px;
	font-weight: bold;	
}

.successStory p {
	margin: 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.successStory p.successStoryPub {
	font-style: italic;
	color:#7B7B7B;
}

.highlight p {	
	
}

.successStory img.left {
	display: block;
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}
.successStory img.right {
	display: block;
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}