/********* HTML tag styles *************/

body  {
  margin: 0px;
  padding: 0px;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  background-color: #FFFFFF; 
/* MOVED: should be in other stylesheets */  
/*  background- image: url("/ images/bg_sidebar_lft.gif"); */
/*  background-repeat: repeat-y; */
}

table{
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  font-size: 12px;
}

articleArea{
  padding-left: 15px;
}

td{
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  font-size: 12px;
}


img {
  border: none 0px #fff;
}

a {
  text-decoration: underline;
  color: #0000CC; 
}

a:hover {
  text-decoration: none;
  color: #0000CC; 
}

form {
  display: inline;
}

h1  { 
	font-family: Helvetica, Arial, sans-serif; 
	color: #000000; 
	font-size: 14px; 
	font-weight: bold;  
	line-height: 16px; 
	text-align: left; 
	text-decoration: none;
	margin: 0px;
	padding: 12px 0px 3px 0px;
}

h2  { 
	font-family: Helvetica, Arial, sans-serif; 
	color: #000000; 
	font-size: 14px; 
	font-weight: bold;  
	line-height: 16px; 
	text-align: left; 
	text-decoration: none;
	margin: 0px;
	padding: 12px 0px 3px 0px;
}


/* #MainMenu .br { */
/*   display: none; */
/* } */

/********** PAGE LAYOUT CLASSES ***************/

.boldText {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  text-decoration: none; 
  color: #000000;
}

/* header */
.header {
  width: 760px;
  height:105px;
  border-bottom: solid #2b6a5e 1px;
}

.header .logo {
  position: absolute;
  left: 0px;
  top: 0px;
}

.header .tagline {
  position: absolute;
  left: 168px;
  top: 2px;
}

.header .clientLogo {
  position: absolute;
  left: 386px;
  top: 15px;
}

.header#stopandshop .logo {
  position: absolute;
  left: 346px;
  top: 6px;
  z-index: 10;
}

.header#stopandshop .tagline {
  position: absolute;
  left: 159px;
  top: 44px;
}

.header#stopandshop .clientLogo {
  position: absolute;
  left: 8px;
  top: 1px;
}


.header .image {
  position: absolute;
  left: 532px;
  top: 0px;
}

.headerPublic {
  width: 760px;
  height:105px;
  border-bottom: solid #2b6a5e 1px;
}


.headerPublic .tagline {
  position: absolute;
  left: 265px;
  top: 0px;
}
.headerPublic .image {
  position: absolute;
  left: 532px;
  top: 0px;
}

/* body */
.body {
  position: relative;
}

.middleAlignTable {
	vertical-align: middle;
}

/********* footer **********/

/* .footer { */
/*   padding-top: 20px; */
/*   font-size: 12px; */
/*   font-weight: bold; */
/* } */

.footer td a {
  position: relative;
  display: block;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 3px;
  background-color: #A2DCD8;
  white-space: nowrap;
  margin-right: 2px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.footer td a:hover {
  position: relative;
  display: block;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 3px;
  background-color: #11736C;
  white-space: nowrap;
  margin-right: 2px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.footer .address{
  position: relative;
  padding: 10px;
  color:#2b6a5e;
  font-size: 11px;
}

.footer .address img{
  position: absolute;
  top: 0px;
  left: -36px;
 }

.footer .address a{
  color:#2b6a5e;
}

.footer {
	position: relative;
	width: 575px;
	top: 25px;
	left: 0px;
}

.footer2 {
	position: relative;
	width: 575px;
	top: 25px;
	left: 160px;
	padding-bottom: 50px;
}

.footer2 td a {
  position: relative;
  display: block;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 3px;
  background-color: #A2DCD8;
  white-space: nowrap;
  margin-right: 2px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.footer2 td a:hover {
  position: relative;
  display: block;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 3px;
  background-color: #11736C;
  white-space: nowrap;
  margin-right: 2px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.footer2 .address{
  position: relative;
  padding: 10px;
  color: #2b6a5e;
  font-size: 11px;
}

.footer2 .address img{
  position: absolute;
  top: 0px;
  left: -36px;
 }

.footer2 .address a{
  color: #2b6a5e;
}

/************* MENU CLASSES *************/ 

/* Editor Main menu styles */
#MainMenu {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

.menuCell {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}


a.menu {
  position: relative;
  display: block;
  color: #000;
  padding-top: 6px;
  padding-bottom: 3px;
  margin-right: 2px;
  /* ugly windows/IE5.x hack */
  height: 22px; /* windows/IE5.x */
  height/* */:/**/16px; /* real browsers */
  white-space: nowrap; /* this needs to be here 2x */
  white-space: nowrap;
  background-color: #C1F1EA;
}

a.menuDim {
  position: relative;
  display: block;
  color: #fff;
  padding-top: 6px;
  padding-bottom: 3px;
  margin-right: 2px;
  /* ugly windows/IE5.x hack */
  height: 22px; /* windows/IE5.x */
  height/* */:/**/16px; /* real browsers */
  white-space: nowrap; /* this needs to be here 2x */
  white-space: nowrap;
  background-color: #2b6a5e;
}


/************* END MENU CLASSES  *************/ 

/************* BEGIN CONTENT *************/ 
/* contentarea size & position */

.textBad { color: #c00; }

/************* BEGIN SIDEBAR *************/ 


/* Content area text */
.contentarea .formTextInput { 
	width: 350px; 
	padding: 2px; 
	font-family: Helvetica, sans-serif; 
	font-size: 12px; 
	border: solid 2px #639; 
}

.contentarea .formTextBadInput { 
	width: 350px; 
	padding: 2px; 
	font-family: Helvetica, sans-serif; 
	font-size: 12px; 
	border: solid 2px #639; 
	background-color: #ff9;  color: #f00; 
}

.formText { text-align: right; font-weight: bold; }
.formTextBad { text-align: right; font-weight: bold; color: #f00; }


/* ********************************* */
/*                                   */
/*            PART STYLES            */
/*                                   */
/* ********************************* */


/* Titles */
.titleBoxTRB     { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #003344; border-right-width: 1px; border-right-style: solid; border-right-color: #003344; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #003344; }
.titleBoxTRL     { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #003344; border-right-width: 1px; border-right-style: solid; border-right-color: #003344; border-left-width: 1px;   border-left-style: solid;   border-left-color: #003344; }
.titleBoxTR      { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #003344; border-right-width: 1px; border-right-style: solid; border-right-color: #003344; }
.titleBoxT       { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #003344; }
  
.titleBoxTRLTitle { padding-left: 8px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; background-color: #FFFFFF; border-bottom-width: 0px; border-top-width: 0px; border-top-style: solid; border-top-color: #003344; border-right-width: 1px; border-right-style: solid; border-right-color: #003344; border-left-width: 1px;   border-left-style: solid;   border-left-color: #003344; }
.titleBoxTRLText  { padding: 8px; background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #003344; border-right-width: 1px; border-right-style: solid; border-right-color: #003344; border-left-width: 1px;   border-left-style: solid;   border-left-color: #003344; }

.titleBoxTitle        { color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 10px; line-height: 12px; font-weight: bold;   text-decoration: none; }

.titleBoxText         { color: #000000; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 12px; line-height: 13px; font-weight: normal; text-decoration: none; }
.titleBoxText b       { color: #000000; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 10px; line-height: 12px; font-weight: bold;   text-decoration: none; }
.titleBoxText strong  { color: #003344; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 10px; line-height: 12px; font-weight: bold;   text-decoration: none; }
.titleBoxText a       { color: #CC7700; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 10px; line-height: 12px; font-weight: normal; text-decoration: none; }
.titleBoxText a:hover { color: #CC7700; font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 10px; line-height: 12px; font-weight: normal; text-decoration: underline; }

.tableCell            { background-color: #ffffff; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; vertical-align: top;  }
.tableCell td         { font-size: 12px; line-height: 16px; background-color: #ffffff;}
.tableCell li         { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; }
.tableCell i          { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; font-style: italic;}
.tableCell b          { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: bold;}
.tableCell strong     { color: #003344; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; font-weight: bold;}
.tableCell a          { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #006666; text-decoration: underline; }
.tableCell a:hover    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #CC3300; text-decoration: underline; }

.tableCellHighlight            { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; vertical-align: top;  }
.tableCellHighlight td         { font-size: 12px; line-height: 14px;}
.tableCellHighlight li         { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; }
.tableCellHighlight i          { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 14px; font-style: italic;}
.tableCellHighlight b          { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold;}
.tableCellHighlight strong     { color: #003344; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; font-weight: bold;}
.tableCellHighlight a          { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #006666; text-decoration: underline; }
.tableCellHighlight a:hover    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #CC3300; text-decoration: underline; }

.loginLinkBox { color: #ffffff; background-color: #5D86BC; width: 220px; margin-left: 50px; margin-top: 2px; display: block; padding: 5px; font-size: 12px; }
.loginLinkBox a {color: #99ffff; font-weight: bold; text-decoration: underline; text-transform: uppercase; }

.loginLinkBox2 { color: #ffffff; background-color: #5D86BC; width: 220px; margin-left: 50px; margin-top: 2px; display: block; padding: 5px; font-size: 12px; }
.loginLinkBox2 a {color: #99ffff; font-weight: bold; text-decoration: underline; text-transform: uppercase; }


table.borderedTable { border-collapse: collapse; }
table.borderedTable td, table.borderedTable th { border: 1px solid #000000; padding: 2px; }
.noBorder, th.noBorder, td.noBorder { border: 0px solid #ffffff ! important; }