/*
Graphics are in different places on the server
so override the stylesheets */
div#title
{
  background-image: url(Background.png);
}

a#head_graphic
{
  background-image: url(HeaderLogo.png);
}

body.with_right_menu
{
  background-image: url(PanelBackground.png);
}

/* **************************
Styles to tidy up FastSpring layout
************************** */
div.fastspring_container
{
  margin-left: 60px;
  max-width: 840px;
}

h3.store-product-detail-offers
{
  margin-top: 10px;
  margin-bottom: 10px;
}

div.store-product-detail-description-short ul
{
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 30px;
}

/* **************************
Styles for order progress
************************** */
.steps {
  display: none;
  text-align: center;
  padding:12px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  font-size: 10pt;
  font-weight: normal;
  color: #999999;
}

.snumber {
  background-color: #D0E7FE;
  border: 1px solid #86C3FF;
  color: #999999;
  display: inline-block;
  font-size: 15px;
  margin-right: 5px;
  padding: 5px;
  text-align: center;
  width: 20px;
  -moz-border-radius: 90px 90px 90px 90px;
  -webkit-border-radius: 90px 90px 90px 90px;
  -khtml-border-radius: 90px 90px 90px 90px;
border-radius: 90px 90px 90px 90px; }

.step1, .step2, .step3 {margin-right:25px;}

.step1, .step2, .step3, .step4 {display: inline;}

.store-page-product .steps,
.store-page-product-offers .steps,
.store-page-contents .steps,
.store-page-customer .steps,
.store-page-product-customer .steps,
.store-page-confirm .steps,
.store-page-complete .steps {
display: block; }

.store-page-product .step1,
.store-page-product-offers .step1,
.store-page-contents .step1,
.store-page-customer .step2,
.store-page-product-customer .step2,
.store-page-confirm .step3,
.store-page-complete .step4 {
  font-weight: bold;
color: #000000; }

.store-page-product .step1 .snumber,
.store-page-product-offers .step1 .snumber,
.store-page-contents .step1 .snumber,
.store-page-customer .step2 .snumber,
.store-page-product-customer .step2 .snumber,
.store-page-confirm .step3 .snumber,
.store-page-complete .step4 .snumber
{
  border: 1px solid #ff0000;
  background-color: #ff6666;
  color: #ffffff;
}


.checkmark1, .checkmark2, .checkmark3 {
display: none; }

.store-page-customer .checkmark1,
.store-page-confirm .checkmark1,
.store-page-confirm .checkmark2,
.store-page-complete .checkmark1,
.store-page-complete .checkmark2,
.store-page-complete .checkmark3 {
  display: inline; }