.Headings
{
   font-size: 10pt;
   font-weight: Bold;
   text-align: left;
}

.ErrorMessages
{
   color: #C90D4F;
   font-weight: Bold; 
   text-align: Center;
}

.Messages
{
   color: #C90D4F;
   font-weight: Bold;
   text-align: Center;
}

.termsAndConditions
{
   overflow: auto;
   width: 100%;
   height: 350px;
}

.HiddenStyle
{
   visibility: hidden;
}

.Content
{
   font-family: Arial; 
   font-size: 8pt; 
   color: Black; 
   font-weight: Normal; 
   font-style: normal; 
   text-decoration: none; 
   background-color: #FFFFFF; 
   text-align: Left; 
}

.Pager
{
   font-family: Arial; 
   font-size: 14pt; 
   color: Black; 
   font-weight: Bold; 
   font-style: normal; 
   text-decoration: none; 
   background-color: #FFFFFF; 
   text-align: Left; 
}

.Content-Bold
{
   font-family: Arial; 
   font-size: 8pt; 
   color: Black; 
   font-weight: bold; 
   font-style: normal; 
   text-decoration: none; 
   background-color: #FFFFFF; 
   text-align: Left; 
}

.RightContent
{
   font-family: Arial; 
   font-size: 8pt; 
   color: Black; 
   font-weight: Normal; 
   font-style: normal; 
   text-decoration: none; 
   background-color: #FFFFFF; 
   text-align: Right; 
}

.ContentTableHeader
{
   font-family: Arial; 
   font-size: 10pt; 
   color: #FFFFFF; 
   font-weight: Bold; 
   font-style: normal; 
   text-decoration: none; 
   background-color: #000000; 
   text-align: Left; 
}

.ContentTable
{
   background-color: #000000;
}

.ContentTableHorizontal
{
   background-color: #000000;
}

/* The following styles are used for the slideshow */
#slideshowContainer
{
   text-align: center;
}

#slideshow
{
   width: 770px;
   height: 550px;
   background-color: gray;
   font-family: Verdana, Arial;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
}

/* The following styles are used for the new product link designs */
.SearchLinkCommandContent { display:none;}
dl.productLinkSection
{
   width: 185px;
	font-size: 10px;
	font-weight: bold;
}

dl.productLinkSection dt
{
   padding-left: 5px;
   line-height: 25px;
   color: White;
}

dl.productLinkSection dd
{
   padding-left: 5px;
   margin-left: 10px;
   border-bottom: solid 1px #636466;
   line-height: 30px;
   background-color: #F8F8F8;
   white-space: nowrap;
   overflow: hidden;
   vertical-align: middle;
}

dl.productLinkSection dd .productLinkSectionSearch /* Represents a search row */
{
}

dl.productLinkSection dd .productLinkSectionSearch input /* Search input box */
{
   width: 100px;
}

dl.productLinkSection dd .productLinkSectionLink /* Represents a link row */
{
}

dl.productLinkSection dd a:link 
{
	text-decoration: none;
	color: #666666;
}

dl.productLinkSection dd a:visited 
{
	text-decoration: none;
	color: #666666;
}

dl.productLinkSection dd a:hover
{
	text-decoration: underline overline;
	color: #CCCCCC;
}

dl.productLinkSection dd a:active 
{
	text-decoration: none;
	color: #666666;
}


/* The following styles are used for old product link designs */
.ProductLinkGroup 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.ProductLinkItem 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

a.ProductLinkItem:link 
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

a.ProductLinkItem:visited 
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

a.ProductLinkItem:hover 
{
	color: #FF9966;
	text-decoration: underline overline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

a.ProductLinkItem:active 
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

/* The following styles are used for the links displayed on the reseller landing page */
.CatalogEntry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
a.CatalogEntry:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;

}
a.CatalogEntry:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;

}
a.CatalogEntry:hover {
	color: #FF9966;
	text-decoration: underline overline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

}
a.CatalogEntry:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

/* Vertical centering adapted from http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
.VerticalCenter
{
   text-align: left;
   position: relative;
   overflow: hidden;
}

/* HACK: Only applies to non-IE, standard-compliant browsers */
html>/**/body .VerticalCenter[class]
{
   display: table;
   position: static;
}

.VerticalCenter div
{
   text-align: center;
   width: 100%;
   position: absolute;
   top: 50%;
}

/* HACK: Only applies to non-IE, standard-compliant browsers */
html>/**/body .VerticalCenter[class] div
{
   display: table-cell;
   vertical-align: middle;
   position: static;
}

/* This will apply to all IE browsers, except for IE 8 in Non-Compatibility mode -- the * is what does the trick */
.VerticalCenter div .WhatToCenter
{
   *position: relative;
   *top: -50%;
}

/* These styles are for nice looking forms */
.StyledForm
{
   float: left;
}

.StyledForm label
{
   display: block;
   clear: left;
   float: left;
   width: 100px;
}

.StyledForm div
{
   float: none;
   height: 100%;
}

/* Used for radio buttons that have a disabled state */ 
*[disabled="disabled"]
{
   color: #aa9;
}

/* The following stypes are for the display of inline error messages */
.InlineErrorMessage_Title
{
   width: 150px;
   font-weight: bold;  
}

.InlineErrorMessage_Body
{
   padding-top: 5px;
   color: Red;
}

.InlineErrorMessage_Source
{
   background-color: #FFFACD; /* equivalent to lemonchiffon */
}


/* The following styles are only used for the management pages. */
.GeneralPage
{
   background-color: #ffffff; 
   margin-bottom: 0px; 
   margin-left: 0px; 
   margin-right: 0px; 
   margin-top: 0px; 
}

.GeneralTable
{
   background-color: White;
}

.TopBanner
{
   font-family: Arial; 
   font-size: 28pt; 
   color: #666666; 
   font-weight: Bold; 
   text-decoration: none;
   font-style: normal; 
   background-color: #FFFFFF; 
   text-align: Left; 
}

.TopSubBanner
{
   font-family: Arial; 
   font-size: 9pt; 
   color: #E7E3D7; 
   font-weight: Bold; 
   font-style: normal; 
   text-decoration: none;
   background-color: #FFFFFF; 
   text-align: Left; 
}

.LeftColumn
{
   font-family: Arial; 
   font-size: 8pt; 
   color: #000000; 
   font-weight: Normal; 
   font-style: normal; 
   text-decoration: none;
   background-color: #C6BFA5; 
   text-align: Left; 
   vertical-align: Top; 
}

.RightColumn
{
   font-family: Arial; 
   font-size: 8pt; 
   color: #000000; 
   font-style: normal; 
   font-weight: Normal; 
   text-decoration: none;
   background-color: #C6BFA5; 
   text-align: Left; 
   vertical-align: Top; 
}

.Instructions
{
   font-family: Arial; 
   font-size: 8pt; 
   color: #000000; 
   font-weight: Normal; 
   font-style: normal; 
   text-decoration: none; 
   background-color: #E7E3D7; 
   text-align: Left; 
}

/* 
   The following styles are needed for backward compatibility.  They may or may
   not be removed from the website at some later point.
*/

.FAQContent
{
   font-family: Arial;
   color: Black;
   font-weight: Normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   text-align: Left;
}

.FAQSectionHeader
{
   font-family: Arial;
   color: red;
   font-weight: bold;
}

.FAQTopicLink
{
   font-family: Arial;
   font-weight: normal;
}

.FAQQuestion
{
   font-family: Arial;
   font-size: small;
   color:Black;
   font-weight: Bold
}

/* 
   The following styles are no longer used on the website but are included
   here for completeness (just in case).
*/

.PageHeadings
{
   font-family: Arial; 
   font-size: 14pt; 
   color: Black; 
   font-weight: Bold; 
   font-style: normal; 
   text-decoration: none; 
}

.Footer
{
   font-family: Arial;
   font-size: 8pt;
   color: #C6BFA5;
   font-weight: Bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   text-align: Center;
   vertical-align: Top;
}

.ContentLinks
{
   font-family: Arial;
   font-size: 8pt;
   font-weight: Bold;
   font-style: italic;
   background-color: #E7E3D7;
   text-align: Left;
}

.RightHeadings
{
   font-family: Arial;
   font-size: 10pt;
   color: Black;
   font-weight: Bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   text-align: Right;
}

.RightContent-Bold
{
   font-family: Arial;
   font-size: 8pt;
   color: Black;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   text-align: Right;
}
/* From design specific: */
dl.productLinkSection dt
{
   background-image: url(/StaticImages/Shared/ShinyBlack/storefront/Albuming/title_bar.gif);
}
