/* StaySecure CSS Document */

body
{
  font: normal 14px Arial;
  text-align: center;
  background: #F0F1F4;
}

#container
{
  width: 919px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: url(images/i_background.png) repeat-y;
}

#banner
{
  height: 138px;
  background: url(images/i_banner.jpg);
}

a.email
{
  display: block;
  padding-top: 77px;
  margin-left: 542px;
  height: 24px; 
  width: 184px;
  background: url(images/i_email.png) no-repeat bottom right;
}

a.email:hover
{
  /*background: url(images/i_emailAdd_f2.jpg) no-repeat bottom right;*/
  border-bottom: 2px solid #596081;
}

#main
{
  background: url(images/i_footer.jpg) bottom left no-repeat;
}
#main > div
{
  padding-left: 23px;
  padding-right: 230px;
  background: url(images/i_menuFooter.jpg) bottom right no-repeat;
}

#menu
{
  float: right;
  width: 170px;
  margin-bottom: 321px;
  font-size: 0px; /* Fixes gaps beteen menu items */
  text-align: center;
}

/*
#menu a img
{
  border: none;
}
*/

.menuSpacer
{
  width: 148px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}

a.menuItem
{
  display: block;
  width: 158px;
  height: 23px;
  padding-top: 7px;
  padding-left: 12px;
  text-align: left;
  font: bold 14px "Courier New", Arial;
  color: #394162;
  text-decoration: none;
  background-color: #DEE1E8;
  border: 1px solid #AAAAAA;
}

a.menuItem:hover
{
  color: #FFFFFF;
  background-color: #99AACA;
  border: 1px solid #7E8AB8;
}

.menuItemSelected
{
  padding-left: 12px;
  width: 158px;
  height: 23px;
  padding-top: 7px;
  text-align: left;
  font: bold 14px "Courier New", Arial;
  color: #FFFFFF;
  background-color: #7289B5;
  border: 1px solid #4D598C;
}

.title
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: 5px;
  margin-bottom: 3px;
  color: #FFFFFF;
  font: bold 14px Arial;
  background-color: #7289B5;
  border: 1px solid #4D598C;
}

.subtitle
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-left: 5px;
  margin-top: 20px;
  margin-bottom: 3px;
  color: #FFFFFF;
  font: bold 14px Arial;
  background-color: #99AACA;
  border: 1px solid #7E8AB8;
}

.indent
{
  padding-left: 45px;
}

.justify
{
  text-align: justify;
}

.image
{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.list
{
  margin-top: 20px;
  margin-bottom: 20px;
}

.listItem
{
  clear: left;
  margin-bottom: 20px;
}

.listTitle
{
  clear: left;
/*  margin-bottom: 20px; */
  padding-top: 5px;
  padding-right: 10px;
  float: left;
  width: 75px; 
  height: 20px;
  text-align: right;
  font: bold 14px arial;
  color: #FFFFFF;
  background-color: #7289B5;
  border: 1px solid #4D598C; 
}

.listNumber
{
  clear: left;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-right: 5px;
  float: left;
  width: 75px;
  height: 25px;
  text-align: right;
  font: bold 16px arial;
  color: #FFFFFF;
  background-color: #99AACA;
  border: 1px solid #7E8AB8;
}


.listContent
{
  margin-bottom: 10px;
  padding-top: 6px;
  padding-left: 110px;
  text-align: justify;
}

/*
.listItem
{
  margin-top: 18px;
  margin-bottom: 18px;
  border: 1px solid red;
}

.listNumber
{
  float: left;
  width: 75px;
  height: 25px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
  font: bold 16px arial;
  color: #FFFFFF;
  background-color: #7289B5;
  border: 1px solid #4D598C;
}

.listContent
{
  float: left;
  text-align: justify;
  padding-left: 15px;
  width: 540px;
}
*/
/*
img
{
  border: 1px solid #AAAAAA;
}
*/

.instructions
{
  background-color: #FFFFFF;
  text-align: justify;
  border: 5px solid #A2B1CE;
}

.instructions > div > div
{
  padding-right: 32px;
  float: right;
  width: 280px; 
/*  background-color: #FFFFFF; */
}

.blueBox
{
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  text-align: justify;
  background-color: #A2B1CE;
}

table.product
{
  width: 300px;
  /*margin-top: 25px;*/
  margin-bottom: 25px;
  border-collapse: collapse;
}

table.product th
{
  padding: 0px;
  font: normal 14px arial;
  color: #FFFFFF;
  text-align: center;
  background-color: #7289B5;
  border: 1px solid #4D598C;
}

table.product td
{ 
  padding: 8px;
  padding-left: 50px;
  text-align: left;
  border-spacing: 0px;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
}

table.prices td
{ 
  background-color: #FFFFFF;
}

table th
{
  background-color: #A8B5D0
}

.delivered
{
  color: #6600FF;
  font-size: 0.8em;
}

#footer
{
  clear: both;
  height: 35px;
  padding-top: 30px;
  font-size: 10px;
  text-align: center;
}

#footer a
{
  font-size: 10px;
}

#footer a:hover
{
  font-size: 10px;
}

/*** START LINK-2 STYLES ***/

a.link2link
{
  color: blue;
  text-decoration: none;
}

a.link2link:hover
{
  color: #9999FF;
}

.link22
{
  color: red;
}

a.link2service
{
  color: black;
}

/*** END LINK-2 STYLES ***/

ol
{
  padding-top: 0px;
  margin-top: 0px;
  margin-left: 35px;
  padding-left: 35px;
}

li
{
  padding-top: 3px;
  padding-bottom: 2px;
}

ul
{
  margin-left: 0px;
}

form
{
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.spacer
{
 clear: both;
}

th
{
  padding-top: 5px;
  padding-bottom: 5px;
}

p a, p a:visited
{
  color: #536D9D;
}

p a:hover
{
  color: #7289B5;
}

p
{
  /*width: 630px;*/
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  font: normal 14px arial;
}
