/* Default Stylesheet */

/* GeneralPage: Used on all pages. */
.GeneralPage
{
	background-color: #F7F9FB; /* Background Color */ 
	background-image: none; /* Background Image */
	margin-bottom: 0px; /* Margins */
	margin-left: 0px; /* Margins */
	margin-right: 0px; /* Margins */
	margin-top: 0px; /* Margins */
	/*
	overflow-y: auto;
	overflow-x: hidden;
	*/
}

/* Used on side cookie-crumb and product-list include files; and SearchResult.aspx (grid view). */
a.SmallerLinks:link {font-family: Arial, Verdana, sans-serif; font-size: 90%; font-weight: normal; color: #385B39; text-decoration: underline}
a.SmallerLinks:visited {font-family: Arial, Verdana, sans-serif; font-size: 90%; font-weight: normal; color: #829382; text-decoration: underline}
a.SmallerLinks:hover {font-family: Arial, Verdana, sans-serif; font-size: 90%; font-weight: normal; color: #CD8A3F; text-decoration: underline}/* Normal:CD8A3F Christmas:990000 */
a.SmallerLinks:active {font-family: Arial, Verdana, sans-serif; font-size: 90%; font-weight: normal; color: #CD8A3F; text-decoration: underline}/* Normal:CD8A3F Christmas:990000 */

/* Used on text links that are inside a Panel. */
a.PanelLinks:link {font-family: Arial, Verdana, sans-serif; font-weight: normal; color: #385B39; text-decoration: underline;}
a.PanelLinks:visited {font-family: Arial, Verdana, sans-serif; font-weight: normal; color: #385B39; text-decoration: underline;}
a.PanelLinks:hover {font-family: Arial, Verdana, sans-serif; font-weight: normal; color: #CD8A3F; text-decoration: underline;}

/* ErrorMessages: Used on the "ErrorMessage" [ASP:LABEL]'s on all product pages. */
.ErrorMessages
{
	font-family: Arial, Verdana, sans-serif; /* Font Face */
	font-size: 100%; /* Font Size */
	color: #CC0000; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	/* background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	/*text-align: center; /* Text Align */
}

/* Messages: Used on the "Messages" [ASP:LABEL]'s on all product pages. */
.Messages
{
	font-family: Arial, Verdana, sans-serif; /* Font Face */
	font-size: 100%; /* Font Size */
	color: #C90D4F; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	/*background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	/*text-align: center; /* Text Align */
}

/* SmallContent: Used on the  ">" character between cookie crumb links. */
.SmallContent
{
	font-family: Arial, Verdana, sans-serif; /* Font Face */
	font-size: 8pt; /*9pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
}

/* ProductPrice: Used on product bots to display product prices on product pages. */
.ProductPrice
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12pt;
	/*color:	#CC0000;*/
	font-weight: bold;
}

/* ProductSale: Used on product bots to display product sale prices on product pages. */
.ProductSale
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	color:	#666666;
	font-weight: normal;
}

/* CartSeparator: Used to seperate products listed on the shopping cart. */
.CartSeparator
{
	background-color: #467247;	
}

/* SmallNote: Used on ShoppingCart.aspx for instructions on special items like satellite radio equipment: "ONLY AVAILABLE TO THE CONTINENTAL UNITED STATES." Also used on ShipSummary.aspx and ShippingQuote.ascx. */
.SmallNote
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 90%; /* Font Size */
	color: #CC0000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
}

/* Panel: Settings for panel sections such as Bill To Information or the shopping cart panel, or Shipping Method Panel	*Used to seperate products listed on teh shopping cart. */
.WhitePanel
{
	font-family: Arial, Verdana, sans-serif;
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	border: 1px solid #467247; 
}

.ErrorTable
{
	background-image: none;
	background-color: #FFFFD5;
	border: 1px solid #990000;
	font-family: Arial, Verdana, sans-serif; /* Font Face */
	font-size: 13pt; /* Font Size */
	color: #990000; /* Font Color */
	font-weight: normal; /* Font Style */		
}

/* RelatedPanel: Settings for related products panel sections */
.RelatedPanel
{
	font-family: Arial, Verdana, sans-serif;
	background-color: #FFFFFF;
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	border: 1px solid #467247; 
}

/* RelatedProductPrice: Used on related product bots to display product prices on product pages. */
.RelatedProductPrice
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 95%;
	color:	#CC0000;
	font-weight: bold;
}

/* RelatedProductSale: Used on related product bots to display product sale prices on product pages. */
.RelatedProductSale
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 80%;
	color:	#666666;
	font-weight: normal;
}

.FAQPanelHeader
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
}

.Date
{
	font: 9pt Arial, Verdana, sans-serif;
	color: #000;
	font-weight: bold;
}

.Testimonial
{
	font: 10pt Arial, Verdana, sans-serif;
	color: #333;
}

/**********************************************************************************************************************************/
/* 														Web Redesign 2009 Phase 1 													*/
/**********************************************************************************************************************************/

/* Used on product names and other page headers. */
h1 { font-family: Arial, Verdana, sans-serif; font-size: 13pt; color: #6D4832; font-weight: bold; font-style: normal; text-decoration: none; margin-bottom: 0px; margin-top: 0px; }

/* Used at top of product list include files and other areas like the bottom of the Kloss Model Three Complete System. */
h2 { font-family: Arial, Verdana, sans-serif; font-size: 12pt; color: #003282; font-weight: bold; font-style: normal; text-decoration: none; }

h3 { font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #305649; font-weight: bold; font-style: normal; text-decoration: none; }

.h4 { font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #003282; font-weight: bold; font-style: normal; text-decoration: none; }

/* Content: Used on the product descriptions. */
.Content { font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: black; font-weight: normal; font-style: normal; text-decoration: none; }

/* White Boxed sections mainly used on the left column */
.Container { width: 100%; position:relative; padding-top: 5px; margin: 0 auto; background: url(/images/navigation/content_top.png) no-repeat 0 0; }
.Main { width: 100%; position:relative; padding-bottom: 10px; background: url(/images/navigation/content_bottom.png) no-repeat 0 100%; }
.Component { width: 100%; color: #333; background: url(/images/navigation/content_bg.png) repeat-y; }

/* Banner section for every web page on the web site */
#header { background-color: #fff; }		/* TAN: #EFE6DB, BLUE: CFD9E7 */
#header td.logo { width: 214px; height: 78px; vertical-align:middle;  }
#header td.logo img { border: 0; }
#header td.spacer { width: 100%; }
#header div.home { background-image: url(/images/navigation/banner-white.jpg); width : 457px; height:78px; vertical-align:middle;  }

/* Navigation section for every web page on the web site */
#navigation { background-color: #607FB1; width: 100%; }	/* BLUE: #607FB1, TAN: #6D4832 */
#navigation td { text-align: center; white-space:nowrap; height: 29px; }
#navigation a:link { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; }
#navigation a:visited { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; }
#navigation a:hover	{ font-size: 10pt; font-weight: bold; color: #FFDF90; text-decoration: underline; }
#navigation a:active { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: underline; }
#navigation div.divider { background-image: url(/images/navigation/divider.gif);width : 2px; height: 29px; }
#navigation a.subCategoryLink:link { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; white-space:pre-wrap; }

/* Member and user section for every web page on the web site */
#user { background-color: #003282; width: 100%; }
#user td { text-align: center; white-space:nowrap; height: 29px; }
#user td.spacer { width: 100%; }
#user td.google { vertical-align: middle; }

/* Shadow bar */
#shadow { width: 100%; height: 7px; }
#shadow td.shade { background-image: url(/images/navigation/navigation-bar-shadow.gif); width: 100%; height: 7px; background-color: #FFF; }

/* Sidebar section for every web page on the web site */
#sidebar { background-color: #F7F9FB; width: 100%; height: 100%; }
#sidebar td.column { vertical-align:top; width: 175px; }
#sidebar td.row { vertical-align:top; width: 100%; }
#sidebar table.panel {  background-color: #FFF; width: 100%; }
#sidebar div.spacer { height: 10px; }
#sidebar td.ColumnHeaders { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #003282; font-weight: bold; font-style: normal; text-decoration: none; white-space:nowrap; }
#sidebar a.ColumnLinks:link { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #003282; text-decoration: none; padding-left:10px; }
#sidebar a.ColumnLinks:visited { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #6D4832; text-decoration: none; padding-left:10px; }
#sidebar a.ColumnLinks:hover { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #6D4832; text-decoration: none; padding-left:10px; }
#sidebar a.ColumnLinks:active { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #003282; text-decoration: none; padding-left:10px; }

/* CopyRight: Used at bottom of all pages. */
.CopyRight { font-family: Arial, Verdana, sans-serif; font-size: 9pt; color: #003282;  font-weight: normal; font-style: normal; text-decoration: none; text-align: center; }

#footer { text-align: center; vertical-align: bottom; }

/* Standard links. */
a:link {font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #003282; text-decoration: underline; }  /* unvisited link */
a:visited {font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #6D4832; text-decoration: underline; }  /* visited link */
a:hover {font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #6D4832; text-decoration: underline; }   /* Normal:CD8A3F Christmas:990000 */
a:active {font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #003282; text-decoration: underline; }   /* Normal:CD8A3F Christmas:990000 */

/* Setting for panel sections where we display either products or orther boxed informtaion */
.Panel { background-color: #FFF; color: #000000; font-weight: normal; font-style: normal; text-decoration: none; border: 1px solid #003282; text-align:left; }
.PanelHeader { background-color: #607FB1; font-size: 12pt; color: #FFF; font-weight: bold; font-style: normal; text-decoration: none; padding: 6px; }

.SalePanel { background-color:#EFE6DB /*#FFF*/; color: #000000; font-weight: normal; font-style: normal; text-decoration: none; border: 1px solid #6D4832; }
.SalePanelHeader { background-color:#fff /*#A39680*/; font-size: 12pt; color: #CC0000; font-weight: bold; font-style: normal; text-decoration: none; padding: 6px; }
.SalePanel p { font-size: 9pt; }

#popularProducts { width: 65%; vertical-align:top; }
#popularProducts table { width: 100%; height: 100%; }
.productCell {  width:33%; text-align:center; vertical-align: top; }

#dealWeek { width: 35%; vertical-align:top; }
#dealWeek table { width: 100%; height: 100%; }

/* Product Support Tabs */
.DarkTab { background-color: #607FB1; }
.Box { border-left: 1px solid #607FB1; border-right: 1px solid #607FB1; border-bottom: 1px solid #607FB1; background-color: #FFFFFF; }
.Floor { border-bottom: 1px solid #003282;  }
.LightContentTab { border-top: 1px solid #607FB1; background-color: #FFFFFF; }
.ContentBox { border-left: 1px solid #607FB1; border-right: 1px solid #607FB1;  border-bottom: 1px solid #607FB1; background-color: #FFFFFF; }

/* Used on tabs text links. */
a.LightTabLinks:link {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #6D4832; text-decoration: none;}
a.LightTabLinks:visited {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #6D4832; text-decoration: none;}
a.LightTabLinks:hover {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #CD8A3F; text-decoration: none;}
a.LightTabLinks:active {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #CD8A3F; text-decoration: none;}

/* Used on tabs text links. */
a.DarkTabLinks:link {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; text-decoration: none;}
a.DarkTabLinks:visited {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; text-decoration: none;}
a.DarkTabLinks:hover {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #CD8A3F; text-decoration: none;}
a.DarkTabLinks:active {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #CD8A3F; text-decoration: none;}

/* Class used to hide the non-selected tabs on the product pages. */
.Hidden { display: none; }

/* Class used to show the selected tab on the product pages. */
.Show { display:block; }	/* inline */
.Floor { border-bottom: 1px solid #003282; }
.Collapsable { display: none; position:relative; left:10px; }
.Question { position:relative; top:5px; }

/************************************/
/* Light Bulb Comparison Chart		*/
/************************************/
#compare { padding-top: 16px; }
#compare img { display: inline; }
#compare table { color: #777; font-size: 14px; line-height: 16px; border-collapse: separate; }
#compare tr th.oneword { word-spacing: -.35em; }
#compare tr th, 
#compare tr td { vertical-align: middle; padding: 8px 10px 10px 14px; border-bottom: 1px solid #eff3f4; }
#compare tr th { color: #444; font-weight: bold; padding-left: 0; border-right: 1px solid #eff3f4; }
#compare tr.head img { display: block; }
#compare tr.head th { padding: 0; border: 0; border-bottom: 1px solid #eff3f4; }
#compare th.geobulb { border: 0; border-bottom: 1px solid #eff3f4; background-color: #D0ECF3;}
#compare th.vivid { border: 0; border-bottom: 1px solid #eff3f4; background-color: #E6F5F0;}
#compare tr td { background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #eff3f4; }
#compare td.geobulb { background-color: #E6EBF8; border-left: 1px solid #fff; border-right: 1px solid #eff3f4; } /*D0ECF3  NEW D5F1F8*/
#compare td.vivid { background-color: #F7FFF7; border-left: 1px solid #fff; border-right: 1px solid #eff3f4; } /* E6F5F0 */
#compare tr.alt td { background-color: #ffffff; } /* eff3f4; */
#compare tr.bottom th { border-bottom: 0; }
#compare tr.bottom td { padding-bottom: 32px; }
#compare tr.color td { padding-right: 7px; }
#compare tr.color li, #specs #compare tr.color li { float: left; margin: 2px 2px 0 0; }
#compare tr.color li.newline { clear: left; }
#compare tr.color li img { display: block; }

#savings { padding-top: 16px; }
#savings img { display: inline; }
#savings table { color: #777; font-size: 14px; line-height: 16px; border-collapse: separate; }
#savings tr th.oneword { word-spacing: -.35em; }
#savings tr th, 
#savings tr td { vertical-align: middle; padding: 8px 10px 10px 14px; border-bottom: 1px solid #eff3f4; }
#savings tr th { color: #444; font-weight: bold; padding-left: 0; border-right: 1px solid #eff3f4; }
#savings tr.head img { display: block; }
#savings tr.head th { padding: 0; border: 0; border-bottom: 1px solid #eff3f4; }
#savings tr td { border-left: 1px solid #fff; border-right: 1px solid #eff3f4; }
#savings tr.alt td { background-color: #E6EBF8; } /* eff3f4 */
#savings tr.bottom th { border-bottom: 0; }
#savings tr.bottom td { padding-bottom: 32px; }
#savings tr.color td { padding-right: 7px; }
#savings tr.color li, #specs #compare tr.color li { float: left; margin: 2px 2px 0 0; }
#savings tr.color li.newline { clear: left; }
#savings tr.color li img { display: block; }

#SiteMap ul { list-style-image: url('/images/navigation/smfile.gif'); list-style-position:inside; }
#SiteMap li { padding-left: 15px; }
#SiteMap a { padding-left: 5px; }
#SiteMap ul.pdf { list-style-image: url('/images/navigation/pdf-icon.gif'); }

/* ul.pdf: Used on Instruction manual index page. */
ul.pdf { list-style-image: url('/images/navigation/pdf-icon.gif'); }

#download { border: 1px solid #CE8C3E; background-color: #F3E2CF; }
#download td.header { background-color: #CE8C3E; white-space:nowrap; }

/***************************/
/* Flyout Navigation Menus */
/***************************/
div.nav_links { margin: 0px; padding: 0px; height: 27px; position:inherit; }
div.nav_bar { height: 27px; position: relative; left: 0px; z-index: 100; display:inline-block; }
.navB { top: 0px; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; padding-left: 0px; }
.navB li.goBlur, .navB li.goFocus { 
	float:inherit; 
	position:inherit; 
	list-style: none; 
	margin: 0px; 
	/*padding: 0px; */
	padding: 3px 0px 0px 0px;
	color: #333; }
.navB a.m { 
	/*display: -moz-inline-block; */
	/*display: inline-block; */
	/*display: -moz-inline; */
	display:inline;
	/*padding: 7px 0px 0px 0px;*/
	/*height: 29px;*/
	text-decoration: none; 
	font-weight: bold; 
	color: #000; 
	white-space:normal; 
 }
	
.navB li.goBlur a.m b { visibility: hidden; }

li#seg16 a:link { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; }
li#seg16 a:visited { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; }
li#seg16 a:hover	{ font-size: 10pt; font-weight: bold; color: #FFDF90; text-decoration: underline; }
li#seg16 a:active { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: underline; }

div.flyout { margin-left: -10px !important; position:absolute; z-index: 101; text-align: left; }
div.topfly { position: absolute; padding: 0px; font-size: 11px; font-weight: bold; }
div.topfly table { margin-top:0px; text-align: center; vertical-align: middle; background-color: #607FB1; filter:alpha(opacity=93); opacity:0.93; }
div.topfly img {  border: none; text-decoration: none; color: #000; position:relative; }

div.topfly a:link { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; white-space:normal; }
div.topfly a:visited { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: none; white-space:normal; }
div.topfly a:hover	{ font-size: 10pt; font-weight: bold; color: #FFDF90; text-decoration: underline; white-space: normal; }
div.topfly a:active { font-size: 10pt; font-weight: bold; color: #FFF; text-decoration: underline; white-space:normal; }

/************************/
/* Flyout Support Menus */
/************************/
div.supportFlyout { margin-left: -25px !important; position:absolute; z-index: 101; text-align: left; }
div.supportTopfly { position: absolute; padding: 0px; font-size: 11px;}
div.supportTopfly table { border:1px solid #003282; margin-top:0px; margin-left:20px; text-align: center; vertical-align: middle; background-color: #F7F9FB; filter:alpha(opacity=90); opacity:0.90; }
div.supportTopfly img {  border: none; text-decoration: none; color: #000; position:relative; }

div.supportTopfly a:link { font-size: 10pt; color: #003282; text-decoration: none; }
div.supportTopfly a:visited { font-size: 10pt; color: #6D4832; text-decoration: none; }
div.supportTopfly a:hover	{ font-size: 10pt; color: #6D4832; text-decoration: underline; }
div.supportTopfly a:active { font-size: 10pt; color: #003282; text-decoration: underline; }

/********************/
/* Downloads Tables */
/********************/
#downloads { border: 1px #CE8C3E solid; background-color: #F3E2CF; }

.ColumnHeaders { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #003282; font-weight: bold; font-style: normal; text-decoration: none; white-space:nowrap; }

.ProductPanel { height:100%; width:25%; position:relative; vertical-align:top; }
.ProductTable { height:100%; width: 100%; text-align: center; padding:0 0 0 0; }
.ProductName { height:100%; vertical-align:middle; }
.ProductPrice { vertical-align: bottom; }

.ProductName a:link {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight:bold; color: #003282; text-decoration: underline; }  /* unvisited link */
.ProductName a:visited {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight:bold; color: #6D4832; text-decoration: underline; }  /* visited link */
.ProductName a:hover {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight:bold; color: #6D4832; text-decoration: underline; }   /* Normal:CD8A3F Christmas:990000 */
.ProductName a:active {font-family: Arial, Verdana, sans-serif; font-size: 10pt; font-weight:bold; color: #003282; text-decoration: underline; }   /* Normal:CD8A3F Christmas:990000 */

/***********************/
/* Support Hidden Tabs */
/***********************/
.HiddenSupport { border-bottom: 1px solid #607FB1; visibility:hidden; width:0%; }
.ExpandSupport { border-bottom: 1px solid #607FB1; width:100%; }

/******************/
/* Animation Link */
/******************/
/* Navigation section for every web page on the web site */
#animation a:link { font-size: 10pt; font-weight: bold; color: #003282; text-decoration: none; }/* Normal:362510 Christmas:FFFFFF */
#animation a:visited { font-size: 10pt; font-weight: bold; color: #6D4832; text-decoration: none; }/* Normal:362510 Christmas:FFFFFF */
#animation a:hover	{ font-size: 10pt; font-weight: bold; color: #6D4832; text-decoration: underline; }/* Normal:FFFFFF Christmas:FEBE20 */
#animation a:active { font-size: 10pt; font-weight: bold; color: #003282; text-decoration: underline; }/* Normal:FFFFFF Christmas:FEBE20 */
#animation div.divider { background-image: url(/images/navigation/divider.gif);width : 2px; height: 29px; }

.spacer { height: 10px; }

.subCategory {
	white-space:pre-wrap;
	width:100px;
	height:100px;
	vertical-align:top;
}

.Chooser { width: 150px; }
.ChooserLabel { width:100%; }
.ChooserFiller { border-bottom: 1px solid #607FB1; width:100%; }

#labReports { border: 1px solid #607FB1; }
#labReports td.header { background-color: #E6EBF8; white-space:nowrap; }

.Flyout { background-color:#607FB1; }

#pressResources { width: 100%; }
#pressResources ul { list-style-type:none; font-weight:bold; color:gray; list-style-position:outside; margin:0; padding:0; width:100%; }
#pressResources li { border-bottom:1px gray inset; padding:10px; }
#pressResources a:link { text-decoration:none; color:gray; }
#pressResources a:visited { text-decoration:none; color:gray; }
#pressResources a:hover { text-decoration:none; color:#009EE3; }

#pressInfo { font-family: Arial, Verdana, sans-serif; font-size: 18pt; color: black; font-weight: bold; font-style: normal; text-decoration: none; margin-bottom: 0px; margin-top: 0px; padding-left: 25px; }
#pressProduct { font-family: Arial, Verdana, sans-serif; font-size: 14pt; color: gray; font-weight: bold; font-style: normal; text-decoration: none; }

/***********************/
/* Checkout Status Bar */
/***********************/
#checkout 
{
	font-family:Arial, Helvetica, sans-serif;
	color: gray;
	font-size:small;
	background-color:#FFD950;
	width: 100%;
}

#checkout td.activeHeader
{
	background-color:#3cb01a;
	color: white;
	font-weight:bold;
	background-image: url(/ssl/images/navigation/green-to-yellow.png); 
	background-repeat:no-repeat;
	background-position:right;
}

#checkout td.completedLeft
{
	background-color:#3cb01a;
	color: #EEE;
	background-image: url(/ssl/images/navigation/green-to-green.png);
	background-repeat:no-repeat;
	background-position: right;
}

#checkout td.inactive
{
	background-image: url(/ssl/images/navigation/yellow-to-yellow.png); 
	background-repeat:no-repeat;
	background-position:right;
}

#checkout td.activeFooter
{
	background-color:#3cb01a;
	color: white;
	font-weight:bold;
}

/****************/
/* AJAX classes */
/****************/
.cpHeader {
	color: white;
	background-color: #719DDB;
	font: bold 12px auto Arial, Verdana;
	font-size: 12px;
	cursor: pointer;
	width:100%;
	height:18px;
	padding: 4px;
	text-align: left;
}

.cpBody
{
	background-color: #DCE4F9;
	font: normal 12px auto Verdana, Arial;
	border: 1px gray;                
	width:100%;
	padding: 4px;
	padding-top: 7px;
}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.requiredWatermarked 
{
	padding:2px 0 0 2px;
	border:2px solid #CC0000;
	background-color:#F0F8FF;
	color:gray;
}

.reorder li
{
	list-style: none;
}

.modalBackground 
{ 
	background-color:#fff; 
	filter:alpha(opacity=70); 
	opacity:0.7; 
}

.imageZoomOuter 
{
	padding: 2px 2px 2px 2px;
	background-color: Gray; 
	border: solid 1px Black;
}

.imageZoomInner
{
	padding: 4px 4px 4px 4px;
	background-color: White;
}


/******************/
/* Product Rating */
/******************/
.ratingArea {
	padding:20px;
}

.ratingHeading {
	padding-bottom:0px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-size: 10pt;
}

.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/SavedStar.png);
}

/***************/
/* Reorderlist */
/***************/
.ajaxOrderedList li
{
	list-style: none;
	margin: 2px;
	background-image:url(/images/fillers/reorder_nav.gif);
	background-repeat: repeat-x;
	color: #FFF;
}

.dragHandle 
{
	width: 10px;
	height: 15px;
	background-color: Blue;
	background-image:url(/images/fillers/reorder_nav.png);
	cursor: move;
	border: outset thin white;
}

.itemArea
{
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;
	text-align: left;
}

.reorderHandle
{
	width: 100%;
	height: 15px;
	border: dotted thin black;
}

/********************/
/* Scrollable Panel */
/********************/
.scrollablePanel
{
	height: 100;
	max-height: 400;
	min-height: 100;
}

/************************************/
/* Complete Order Button Formatting */
/************************************/
.OrderComplete
{
	/* text */
	text-decoration: 		none;
	font-weight: 			bold;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	
	
	/* layout */
	padding: 				.5em .6em .4em .6em;
	margin: 				.5em;
	display: 				inline-block;
	position: 			relative;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 		8px;
	
	/* effects */
	border-top: 			1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	color: #508217 !important;
	background-color: #9EE052;
	font-style: normal;
	font-variant: normal;
	font-size: 24px;
	line-height: 1em;
	font-family: "Droid Sans", sans-serif;
	background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);/* color */
	/******************************************************************************************/
	/* hsl is only supported on CSS3 capable browsers which does not include IE 8 			*/
	/* Used http://www.workwithcolor.com/hsl-color-picker-01.htm to get the actual RGB color 	*/
	/******************************************************************************************/
}

.OrderComplete:hover  	
{
	background-color:		#C2EC93; 				/* hsl(88, 70%, 75%); */
	text-shadow:			rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
	cursor: 				pointer;
}

.cpSupportHeader {
	color: White;
	background-color: #003282;
	font: bold 10pt auto Arial, Verdana, sans-serif;
	font-size: 10pt;
	cursor: pointer;
	height: auto;
	text-align: left;
	width: 100%;
	min-width: 625px;
}

.cpSupportBody {
	font: normal 10pt auto Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 5px;
	text-align: left;
	overflow: hidden;
}

.cpFAQHeader {
	color: White;
	background-color: #607FB1;
	font: bold 10pt auto Arial, Verdana;
	font-size: 10pt;
	cursor: pointer;
	height: auto;
	text-align: left;
	width: 100%;
	min-width: 625px;
}

.cpFAQBody {
	font: normal 12px auto Verdana, Arial;
	border: 1px gray solid;
	padding: 5px 5px 5px 25px;
	text-align: left;
	overflow: hidden;
}

/*AutoComplete flyout */ 
 
.autocomplete_completionListElement  
{   
	margin : 0px!important; 
	background-color : inherit; 
	color : windowtext; 
	border : buttonshadow; 
	border-width : 1px; 
	border-style : solid; 
	cursor : 'default'; 
	overflow : auto; 
	/*height : 200px; */
	text-align : left;  
	list-style-type : none; 
} 
 
/* AutoComplete highlighted item */ 
 
.autocomplete_highlightedListItem 
{ 
        background-color: #003282; 
        color: White; 
        padding: 1px; 
} 
 
/* AutoComplete item */ 
 
.autocomplete_listItem  
{ 
        background-color : window; 
        color : windowtext; 
        padding : 1px; 
}

/* Password Strength */
/* Very Poor;Weak;Average;Strong;Excellent */

.poorStrength
{
	font: normal 10pt auto Arial, Verdana, sans-serif;
	padding: 2px 2px 2px 2px;
	background-color: Red;
	color: White;
}

.weakStrength
{
	font: normal 10pt auto Arial, Verdana, sans-serif;
	padding: 2px 2px 2px 2px;
	background-color: Orange;
}

.averageStrength
{
	font: normal 10pt auto Arial, Verdana, sans-serif;
	padding: 2px 2px 2px 2px;
	background-color: Yellow;
}

.strongStrength
{
	font: normal 10pt auto Arial, Verdana, sans-serif;
	padding: 2px 2px 2px 2px;
	background-color: Blue;
	color: White;
}

.excellentStrength
{
	font: normal 10pt auto Arial, Verdana, sans-serif;
	padding: 2px 2px 2px 2px;
	background-color: Green;
	color: White;
}