* {
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  font-family: inherit;
  margin: 0;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
  padding: 0;
  text-decoration: none;
}

body {
  text-align: left;
  font-size: 12px;
  font-family: "Lucida Grande", Calibri, Tahoma, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background: #677580 url(/img/site_background.png) repeat-x 0px 0px;
}

b, strong {
  font-weight: bolder;
}

p {
  margin: 0px;
}

h2 {
  font-weight: normal;
  margin: 0px;
}

h3 {
  font-weight: normal;
  margin: 0px;
}

img {
  border: none;
}

.black {
  color: black !important;
}

.message {
  margin: 20px;
  padding: 20px;
  text-align: center;
  color: red;
  border: 1px solid red;
}

.error_messages {
  padding: 15px 15px 15px 65px;
  margin: 15px 0px;
  border: 1px solid #fd0000;
  color: black;
  background: transparent url(/img/alert_icon.png) no-repeat 15px 15px;
}

.error_messages h4 {
  color: #ed0000;
  font-size: larger;
}

.error_messages ul {
  list-style-position: inside;
  padding: 5px 0px 0px 10px;
}

.error_messages ul li {
  color: #ed0000;
}

.error_messages span {
  color: black;
}

.error-message {
  display: none;
}

.req {
  color: red;
}

.small {
  color: #666666;
  font-size: 11px;
}

ul.nobullet {
  list-style: none;
}

div.fixed {
  position: relative;
}

div.fixed label {
  position: absolute;
  left: 0px;
  top: 0px;
}

div.input label {
  margin: 0px 5px 0px 0px;
}

div.error label {
  color: #fd0000;
}

div.input input {
  margin-right: 15px;
}

div.error input {
  padding: 1px;
  border: 1px solid #fd0000;
  color: black;
}

div.input select {
  margin-right: 15px;
}

div.error select {
  padding: 1px;
  border: 1px solid #fd0000;
  color: black;
}

div.fixed input {
  margin-left: 100px;
}

div.fixed select {
  margin-left: 100px;
}

div.input textarea {
  width: 100%;
  overflow: auto;
}

.nst {
  padding-top: 0px !important;
}

.st {
  padding-top: 15px !important;
}

.sst {
  padding-top: 30px !important;
}

.ssst {
  padding-top: 40px !important;
}

.sb {
  padding-bottom: 15px !important;
}

.ssb {
  padding-bottom: 30px !important;
}

.sssb {
  padding-bottom: 40px !important;
}

.mt {
  margin-top: 15px !important;
}

.mmt {
  margin-top: 30px !important;
}

.mmmt {
  margin-top: 40px !important;
}

.mb {
  margin-bottom: 15px !important;
}

.mmb {
  margin-bottom: 30px !important;
}

.mmmb {
  margin-bottom: 40px !important;
}

.nmt {
  margin-top: 0px !important;
}

.nmb {
  margin-bottom: 0px !important;
}

.nml {
  margin-left: 0px !important;
}

.nmr {
  margin-right: 0px !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

#container {
  width: 958px;
  border: 1px solid white;
  background-color: white;
  margin: 8px auto;
  position: relative;
}

#top_banner {
  background: white url(/img/top_banner.jpg) no-repeat 0px 0px;
  width: 958px;
  height: 78px;
}

#top_banner #dhs_logo {
  position: absolute;
  top: 24px;
  left: 34px;
}

#top_banner #top_tag_line {
  position: absolute;
  top: 28px;
  right: 26px;
}

#top_navs {
  background: white url(/img/nav_background.png) no-repeat 0px 0px;
  height: 33px;
  overflow: hidden;
  font-size: 13px;
  color: white;
  padding: 0px 0px 0px 20px;
}

#top_navs a {
  padding: 0px 15px;
  color: white;
  text-decoration: none;
  display: inline;
  position: relative;
  top: 8px;
  line-height: 23px;
  height: 25px;
}

#top_navs a.active {
  color: #4B5F6E;
  background-color: white;
  padding: 5px 15px 6px;
}

#top_navs a:hover {
  color: black;
}

#top_navs a.active:hover {
  color: black;
}

#outer {
  position: relative;
}

#left {
  width: 695px;
  position: relative;
  vertical-align: top;
}

#right {
        background: #eaf0f4 url(/img/sidebar_background.gif) repeat-y 0px 0px;
  width: 262px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  vertical-align: top;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #d5dfe5;
}

.compact h1 {
  font-size: 18px;
  background-color: #414A51;
  padding: 10px;
}

.compact h2 {
  color: white;
  font-size: 14px;
  margin: 30px 0px 15px;
  border-bottom: 1px dashed #9BA6AE;
}

.compact p {
  margin: 15px 0px 0px;
}

.compact ol {
  margin: 15px 0px 0px;
  padding-left: 25px;
}

.compact li {
  padding: 0px 0px 15px;
  list-style-position: outside;
}

.compact a {
  color: white;
  text-decoration: underline;
}

#page_banner {
  background: white url(/img/spiffy_stores_home_banner.gif) no-repeat 0px 0px;
  width: 695px;
  height: 416px;
  position: relative;
}

#page_banner div {
  position: absolute;
  width: 400px;
  height: 186px;
  top: 103px;
  left: 30px;
}

#page_banner div p {
  color: #526373;
  padding: 0px 0px 15px;
}

#main_content {
  position: relative;
  width: 645px;
  left: 35px;
  top: 20px;
}

#main_content h1 {
  font-size: 19px;
  color: #A33131;
  text-decoration: none;
}

#main_content h2 {
  font-size: 15px;
  color: #A33131;
  text-decoration: none;
}

#main_content h3 {
  font-size: 13px;
  color: #A33131;
  text-decoration: none;
}

#main_content p {
  padding: 15px 0px 0px 0px;
}

#main_content .body_text a {
  color: #0789ab;
  text-decoration: none;
}

#main_content ul.arrows {
  padding: 0px;
  margin: 5px 0px 0px;
}

#main_content ul.arrows li {
  list-style-position: inside;
  list-style-image: url(/img/bullet_go.png);
  margin: 0px;
  line-height: 22px;
  padding: 0px;
  text-indent: 3px;
}

#main_content a {
  color: #007BA4;
  text-decoration: none;
}

#main_content hr {
  line-height: 1px;
  color: #E8E8E8;
}

#features {
  position: relative;
}

#features div.left {
  width: 300px;
  vertical-align: top;
  float: left;
}

#features div.right {
  width: 300px;
  vertical-align: top;
  float: left;
  padding: 0px 0px 0px 40px;
}

#features ul {
  list-style: none;
}

#features li {
  position: relative;
  display: block;
  margin: 15px 0px 0px;
}

#features ul li img {
  position: absolute;
  top: 0px;
  left: 0px;
}

#features ul li div {
  padding: 0px 0px 0px 30px;
}

#features div h2 {
  padding: 25px 0px 0px;
}

#features ul li div p {
  padding: 0px;
}

div.design h2 {
  color: #6775B6 !important;
}

div.design li h5 {
  color: #6775B6;
  font-weight: bold;
}

div.admin h2 {
  color: #CC6600 !important;
}

div.admin li h5 {
  color: #CC6600;
  font-weight: bold;
}

div.manage h2 {
  color: #009900 !important;
}

div.manage li h5 {
  color: #009900;
  font-weight: bold;
}

div.orders h2 {
  color: #0099FF !important;
}

div.orders li h5 {
  color: #0099FF;
  font-weight: bold;
}

div.environment h2 {
  color: #CC3300 !important;
}

div.environment li h5 {
  color: #CC3300;
  font-weight: bold;
}

#signup-form {
  margin: 30px 15px 15px 0px;
}

#terms {
  background-color: #EFF4F8;
  padding: 10px;
  margin: 15px 0px 0px 0px;
}

#captcha {
  width: 630px;
  height: 158px;
}

ul.noteworthy {
  list-style: none;
}

ul.noteworthy li {
  position: relative;
  clear: both;
  margin: 0px 0px 45px 0px;
}

ul.noteworthy li > div {
  padding: 0px 0px 0px 387px;
}

ul.noteworthy li img {
  position: absolute;
  top: -22px;
  left: -22px;
}

.sidebar {
  width: 232px;
  position: relative;
  color: #536776;
  background-color: #eaf0f4;
  border-bottom: 1px solid #D5DFE5;
  padding: 20px 10px 20px 20px;
}

.sidebar a, .sidebar a:visited {
  color: #516675;
  text-decoration: none;
  border-bottom: 1px dotted #455633;
}

.sidebar h2 {
  font-size: 17px;
  color: #5B6F7E;
}

#dream-theme {
  position: relative;
  height: 204px;
  width: 248px;
  right: 6px;
  top: -25px;
}

#bottom-links {
  position: relative;
  padding: 0px 0px 0px 35px;
  margin: 200px 0px 0px 0px;
  height: 35px;
}

#bottom-links a {
  font-size: 10px;
  color: #677580;
  text-decoration: none;
  padding: 10px 30px 10px 0px;
}

#bottom-links a:hover {
  color: #3598EA;
}

#footer {
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  padding: 5px 0px 15px;
  color: white;
}

#flash-message {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 35px;
  width: 100%;
  font-size: 100%;
  color: white;
  z-index: 9999;
}

#flash-message > div {
  display: block;
  width: 960px;
  height: 35px;
  margin: 0px auto;
  text-align: center;
}

#flash-message > div > div {
  padding: 10px 0px 0px;
}

#flash-message p {
  display: inline;
  padding: 0px 0px 0px 25px;
}

.flash-notice > div {
  background: transparent url('/img/flash-notice-bg.png') repeat-x 0px 0px;
}

.flash-notice p {
  background: transparent url('/img/flash-message-notice.gif') no-repeat 0px 0px;
}

.flash-error > div {
  background: transparent url('../img/flash-error-bg.png') repeat-x 0px 0px;
}

.flash-error p {
  background: transparent url('../img/flash-message-error.gif') no-repeat 0px 0px;
}