body
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-style: normal;
   text-decoration: none;
   text-align: left;
   color: Black;
   margin: 0px; /* Change to "margin: 0px auto;" to center entire page horizontally */
   padding: 0px;
   width: 780px;
   position: relative;
   /* background-image:url(/StaticImages/Base/imagefilename);*/ /* Adds a background to the entire page */
   /* background-attachment: fixed; */ /* Locks the background image in place so it doesn't scroll with the page */
}

div
{
   margin: 0px;
   padding: 0px;
}

img
{
   margin: 0px;
   padding: 0px;
   border: none;
}

input
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

select
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

textarea
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

.mainSection
{
   clear: both;
   background-color: white;
}

.headerSection
{
   width: 780px;
}

.headerSection .topBannerSection
{
}

.headerSection .topBannerSection .topBannerSectionStoreImage
{
   display: block;
}

.headerSection .topSubBannerSection
{
}

.headerSection .topSubBannerSection .menu
{
   width: 1024px; /* Ensure that if the menu grows too long that the graphics will not wrap */
}

/* This style adds a graphical "cap" to the beginning of the menu. */
.headerSection .topSubBannerSection .menu .menuBeginCap
{
   /* float: left; */ 
   /* width: 60px; */ /* Width of the begin cap graphic */
   /* height: 28px; */ /* Height of the begin cap graphic */
   /* background-image: url(/StaticImages/Base/Images/Designs/FAB/MenuBar/begincap.gif); */
}

.headerSection .topSubBannerSection .menu .menuButtons
{
   /* float: left; */
   /* width: 664px; */ /* Width of .menu - .menuBeginCap - .menuEndCap */
   /* text-align: center; */ /* Centers the menu buttons within the header */
   /* background-image: url(/StaticImages/Base/menubar/menu_bar_bg.gif); */ /* Adds a background behind the menu buttons */
}

/* This style adds a graphical "cap" to the far right of the menu */
.headerSection .topSubBannerSection .menu .menuEndCap
{
   /* float: right; */
   /* width: 56px; */ /* Width of the end cap graphic */
   /* height: 28px; */ /* Height of the end cap graphic */
   /* background-image: url(/StaticImages/Base/Images/Designs/FAB/MenuBar/endcap.gif); */
}

.contentSection
{
   clear: both;
   width: 770px;
   padding: 5px;
}

.contentSection .contentHeaderSection
{
   text-align: left;
   padding-bottom: 10px;
}

.contentSection .contentHeaderSection .contentHeaderSectionHeading
{
   font-size: 10pt;
   font-weight: Bold;
}

.contentSection .contentHeaderSection .contentHeaderSectionHtmlContent
{
}

.contentSection .contentMessageSection
{
   text-align: center;
}

.contentSection .contentSectionMainTable
{
}

.contentSection .contentBottomButtonSection
{
   text-align: right;
   padding-top: 5px;
}

.footerSection
{
   clear: both;
   width: 780px;
}

.footerSection .footerMain
{
   background-image: url(/StaticImages/Shared/BW/footer.gif);
   height: 30px; /* .centricsLogo margin-top needs to be 50% (rounded up) of this height */
   width: 780px;
}

.footerSection .termsOfUse
{
   float: left;
   width: 150px;
   text-align: left;
   line-height: 30px;
   vertical-align: middle;
}

.footerSection .termsOfUse a
{
   color: #FFFFFF;
   text-decoration: none;
}

.footerSection .termsOfUse a:hover
{
   color: #CCCCCC;
}

.footerSection .footerText
{
   float: left;
   width: 480px;
   line-height: 30px;
   vertical-align: middle;
   text-align: center;
   overflow: hidden; /* If footer text is too large we don't want it to wrap */
   color: White;
}

.footerSection .centricsLogo
{
   float: right;
   width: 150px;
   margin-top: 15px;
   vertical-align: middle;
   text-align: right;
}

.footerSection .centricsLogo img
{
   margin-top: -12px;
}

.footerSection .pageGenerated
{
   clear: both;
   text-align: center;
   font-size: 7px;
}

/* The following styles are used to support the "image" button */
a.imageButton
{
}

/* The following styles are used to support the "css" button */
a.cssButton
{
   background: transparent url(/StaticImages/Shared/BW/css-left.gif) no-repeat top left;
	display: block; /*opera*/
	display: -moz-inline-box;  /*ff*/
	display: inline-block; /*ie*/
   font-family: Trebuchet MS;
   font-size: 14px;
   line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
   height: 22px; /* Height of button background height */
   padding-left: 8px; /* Width of left menu image */
   text-decoration: none;
}

a:link.cssButton, a:visited.cssButton, a:active.cssButton
{
   color: White;
}

a.cssButton span
{
   background: transparent url(/StaticImages/Shared/BW/css-right.gif) no-repeat top right;
	display: block;
	display: inline-block;
   padding: 4px 8px 4px 0; /* Set 8px (second value) to match value of 'padding-left' above (a.cssButton) */
   text-align: center;
   min-width: 100px;
}

a.cssButton:hover /* Hover state CSS */
{ 
   background-position: bottom left;
}

a.cssButton:hover span /* Hover state CSS */
{ 
   background-position: bottom right;
   color: black;
   cursor: hand;
}

.cssButtonWrapper /* Container to surround a CSS button */
{ 
}

/* The following styles are used to support the "css" alternate button */
a.cssButtonAlternate
{
   background: transparent url(/StaticImages/Base/css-left-alternate.gif) no-repeat top left;
   display: block; /*opera*/
   display: -moz-inline-box;  /*ff*/
   display: inline-block; /*ie*/
   font-family: Arial;
   font-size: 14px;
   font-weight: Bold;
   text-transform: uppercase;
   line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
   height: 28px; /* Height of button background height */
   padding-left: 8px; /* Width of left menu image */
   text-decoration: none;
}

a:link.cssButtonAlternate, a:visited.cssButtonAlternate, a:active.cssButtonAlternate
{
   color: White;
}

a.cssButtonAlternate span
{
   background: transparent url(/StaticImages/Base/css-right-alternate.gif) no-repeat top right;
   display: block;
   display: inline-block;
   padding: 4px 8px 4px 0; /* Set 8px (second value) to match value of 'padding-left' above (a.cssButtonAlternate) */
   text-align: center;
   min-width: 100px;
}

a.cssButtonAlternate:hover /* Hover state CSS */
{ 
   background-position: bottom left;
}

a.cssButtonAlternate:hover span /* Hover state CSS */
{ 
   background-position: bottom right;
   color: black;
   cursor: hand;
}

/* The following styles are used to support the "css" MenuBar */
a.cssMenuBar
{
   background: transparent url(/StaticImages/Base/storefront/menubar/cssmenubuttonleft.gif) no-repeat top left;
	display: block; /*opera*/
	display: -moz-inline-box;  /*ff*/
	display: inline-block; /*ie*/
   font-family: Trebuchet MS;
   font-size: 14px;
   line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
   height: 29px; /* Height of button background height */
   padding-left: 3px; /* Width of left menu image */
   text-decoration: none;
}

a:link.cssMenuBar, a:visited.cssMenuBar, a:active.cssMenuBar
{
   color: White;
}

a.cssMenuBar span
{
   background: transparent url(/StaticImages/Base/storefront/menubar/cssmenubuttonright.gif) no-repeat top right;
	display: block;
	display: inline-block;
   padding: 4px 8px 4px 0; /* Set 8px (second value) to match value of 'padding-left' above (a.cssMenuBar) */
   text-align: center;
   min-width: 75px;
}

a.cssMenuBar:hover /* Hover state CSS */
{ 
   background-position: bottom left;
}

a.cssMenuBar:hover span /* Hover state CSS */
{ 
   background-position: bottom right;
   color: black;
   cursor: hand;
}

/* From design specific: */
a.cssButton
{
   font-family: Impact;
   font-size: 12px;
}

a.cssButton:hover span
{ 
   color: white;
   text-decoration: underline;
}