table.addItems {
  border-collapse: separate;
  border-spacing: 4px;
  border: 1px solid #6f2769;
  background-color: #6f2769; }
  table.addItems td {
    vertical-align: top;
    border: 1px solid #6f2769; }
  table.addItems .lastRow td {
    padding: 5px;
    background-color: #f7f1e0;
    text-align: center; }
  table.addItems tr.item {
    background-color: #d4ebf4; }
    table.addItems tr.item td dl {
      margin: 1px; }
  table.addItems input.image {
    border: 0px none grey; }
  table.addItems .search-button {
    float: right;
    margin-top: 1em;
    margin-right: 1em; }
  table.addItems .disabled {
    color: #666666;
    background-color: #cccccc;
    text-shadow: none; }
  table.addItems select,
  table.addItems .disabled,
  table.addItems input.note,
  table.addItems input.garment_size {
    width: 150px; }
  table.addItems p.hint {
    text-align: left;
    color: blue;
    margin: 0px; }
  table.addItems textarea.disabled.lettering {
    height: 73px; }
  table.addItems textarea.disabled.colors {
    height: 35px; }
  table.addItems select.design_id {
    width: 300px; }

#header {
  background-color: #6e276b;
  padding-top: 6px; }
  #header #logo {
    margin-left: 6px;
    margin-right: 3px;
    border: none; }
  #header #image-spinner {
    margin-top: 1px;
    text-align: justify; }
    #header #image-spinner img {
      margin: 0px 0px 0px 5px;
      padding: 0px;
      border: 2px solid #cccccc; }

#login {
  background-color: #6e276b;
  position: relative;
  z-index: 1000;
  text-align: center;
  color: white;
  display: block;
  width: 200px;
  float: right;
  border: 0px solid #cccccc; }
  #login form {
    padding: 0px;
    margin: 0px; }
  #login fieldset {
    border: none;
    padding: 0px;
    margin: -1px; }
  #login table {
    margin: 0px auto;
    padding: 0px;
    vertical-align: middle;
    border-collapse: collapse; }
    #login table th {
      font-size: 12px;
      color: white;
      text-align: right;
      width: 90px;
      padding: 1px 0px 3px 0px; }
    #login table td {
      padding-left: 3px; }
  #login select, #login input, #login .submit {
    margin: 0px;
    padding: 0px;
    width: 95px; }
  #login h1, #login h2, #login h3, #login h4 {
    margin: 3px; }
  #login .cancel {
    width: 70px;
    margin-right: 6px;
    display: none; }
  #login a.button {
    display: block;
    margin: auto;
    width: 60px; }
  #login input[type="text"], #login input[type="password"] {
    width: 93px; }

table.addItems {
  border-collapse: separate;
  border-spacing: 4px;
  border: 1px solid #6f2769;
  background-color: #6f2769; }
  table.addItems td {
    vertical-align: top;
    border: 1px solid #6f2769; }
  table.addItems .lastRow td {
    padding: 5px;
    background-color: #f7f1e0;
    text-align: center; }
  table.addItems tr.item {
    background-color: #d4ebf4; }
    table.addItems tr.item td dl {
      margin: 1px; }
  table.addItems input.image {
    border: 0px none grey; }
  table.addItems .search-button {
    float: right;
    margin-top: 1em;
    margin-right: 1em; }
  table.addItems .disabled {
    color: #666666;
    background-color: #cccccc;
    text-shadow: none; }
  table.addItems select,
  table.addItems .disabled,
  table.addItems input.note,
  table.addItems input.garment_size {
    width: 150px; }
  table.addItems p.hint {
    text-align: left;
    color: blue;
    margin: 0px; }
  table.addItems textarea.disabled.lettering {
    height: 73px; }
  table.addItems textarea.disabled.colors {
    height: 35px; }
  table.addItems select.design_id {
    width: 300px; }

#login {
  background-color: #6e276b;
  position: relative;
  z-index: 1000;
  text-align: center;
  color: white;
  display: block;
  width: 200px;
  float: right;
  border: 0px solid #cccccc; }
  #login form {
    padding: 0px;
    margin: 0px; }
  #login fieldset {
    border: none;
    padding: 0px;
    margin: -1px; }
  #login table {
    margin: 0px auto;
    padding: 0px;
    vertical-align: middle;
    border-collapse: collapse; }
    #login table th {
      font-size: 12px;
      color: white;
      text-align: right;
      width: 90px;
      padding: 1px 0px 3px 0px; }
    #login table td {
      padding-left: 3px; }
  #login select, #login input, #login .submit {
    margin: 0px;
    padding: 0px;
    width: 95px; }
  #login h1, #login h2, #login h3, #login h4 {
    margin: 3px; }
  #login .cancel {
    width: 70px;
    margin-right: 6px;
    display: none; }
  #login a.button {
    display: block;
    margin: auto;
    width: 60px; }
  #login input[type="text"], #login input[type="password"] {
    width: 93px; }

#main-menu {
  text-transform: uppercase;
  clear: right;
  float: right;
  width: 870px;
  height: 35px;
  margin-right: 0px;
  margin-top: 6px;
  background-color: #9ea2a5;
  background-image: url(../images/style/menu_bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-left: 5px;
  margin-bottom: 6px; }

#sub-menu {
  clear: both;
  height: 29px;
  margin-top: 0px;
  background-image: url(../images/style/subMenu_bg.png);
  background-repeat: repeat-x;
  background-position: left center;
  background-color: #4e074b;
  z-index: 300; }

div#order-menu {
  width: 200px;
  border: 1px solid black;
  float: left;
  background-color: #f7f7f7; }
  div#order-menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
  div#order-menu a {
    padding: 4px;
    margin: 1px;
    text-decoration: none;
    display: block;
    color: black; }
  div#order-menu a.d0 {
    background-color: #6b296b;
    color: white; }
  div#order-menu a.d0:hover {
    background-color: #666666; }
  div#order-menu a.d1 {
    background-color: #f8e9f7;
    color: black; }
  div#order-menu a.d1:hover {
    background-color: #cccccc; }

.horizontalMenu {
  z-index: 200;
  position: absolute;
  font-size: 12px; }
  .horizontalMenu a {
    text-decoration: none;
    font-weight: bold; }
  .horizontalMenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px; }
  .horizontalMenu li.d0 {
    display: block;
    float: left;
    padding: 0px 2px;
    margin: 0px 2px; }
  .horizontalMenu ul.d0 a {
    cursor: pointer;
    padding: 8px 25px 5px;
    color: #dddddd;
    display: block;
    height: 30px;
    float: left; }
  .horizontalMenu ul.d1 {
    top: 37px;
    clear: both;
    padding: 12px 0px;
    display: none;
    position: absolute;
    left: 0px;
    width: 870px;
    text-align: center;
    margin: 0px auto; }
  .horizontalMenu li.d1 {
    display: inline;
    margin: 0px;
    padding: 5px 10px; }
  .horizontalMenu ul.d1 a {
    text-transform: none;
    background-color: transparent;
    padding: 0px;
    display: inline;
    border: none;
    float: none; }
  .horizontalMenu li.d0:hover {
    background-image: url(../images/style/top_sel.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #7e8183; }
    .horizontalMenu li.d0:hover ul.d1 {
      display: block; }
      .horizontalMenu li.d0:hover ul.d1 a {
        background-image: none;
        background-color: transparent;
        color: white; }
    .horizontalMenu li.d0:hover a {
      background-color: #9ea2a5;
      height: 29px;
      width: auto;
      padding-top: 15px;
      color: white;
      height: 21px; }
    .horizontalMenu li.d0:hover li.d1:hover {
      border: none;
      background-color: transparent;
      background-position: top center;
      background-repeat: no-repeat; }
      .horizontalMenu li.d0:hover li.d1:hover a {
        color: #dddddd; }

.view .order h1, .view .order h2, .view .order h3 {
  background-color: #6f2769;
  padding: 2px 10px;
  margin: 2px;
  color: white;
  border: 1px solid black; }
.view .order dl {
  margin: 0px;
  padding: 0px; }
  .view .order dl dd, .view .order dl dt {
    border: 1px solid black;
    float: left;
    margin: 5px 1px;
    padding: 2px 5px; }
  .view .order dl dt {
    text-align: right;
    width: 130px;
    border: 0px solid black;
    margin-left: 5px; }
  .view .order dl dd {
    width: 200px;
    background-color: white;
    margin-right: 5px; }
.view .order p {
  margin: 2px;
  border: 1px solid black;
  background-color: #6f2769;
  color: white;
  padding: 10px;
  text-align: center;
  font-weight: bold; }
.view table.ensign-style {
  border: 0px none;
  empty-cells: show; }
.view p#am-info {
  background-color: #f7f7f7;
  padding: 2px;
  color: black;
  margin: 10px;
  padding: 20px;
  border: 1px solid black;
  text-align: center;
  font-weight: bold; }

h1 {
  font-size: 18px;
  text-align: center; }

h2 {
  font-size: 16px; }

body {
  background-color: #9ea2a5;
  font-family: Verdana;
  margin: 0px;
  font-size: 12px; }

#container {
  background-color: white;
  width: 1000px; }

input, button, select, textarea, .button {
  border: 1px solid #9ea2a5;
  margin: 1px;
  font-family: arial, sans-serif; }

.button {
  background-color: #cccccc;
  font-weight: bold; }

a.button {
  padding: 5px;
  text-decoration: none;
  color: black; }

.button:hover {
  background-color: #9ea2a5; }

#content {
  clear: both;
  padding: 10px;
  background-color: white;
  background-image: url(../images/style/content_bg.png);
  background-repeat: repeat-x;
  background-position: top left; }
  #content blockquote {
    padding-top: 10px;
    padding-right: 15px;
    text-align: center;
    font-weight: bold; }
  #content h2 {
    text-transform: uppercase;
    color: #6f2769;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    margin: 2px; }
  #content p {
    text-align: justify; }
  #content ul {
    font-weight: bold; }

#features {
  float: left;
  padding: 4px;
  margin: 2px; }

#welcome {
  padding: 4px;
  margin: 2px;
  float: left;
  width: 430px; }

#features div {
  width: 240px;
  float: left;
  padding: 4px;
  margin: 2px; }

#overlay {
  z-index: -100;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  /* for IE */
  filter: alpha(opacity=0);
  /* CSS3 standard */
  opacity: 0;
  display: none;
  background-color: black;
  width: 100%;
  height: 100%;
  border: 0px solid red; }

/* this style is for the "I want to:" menu */
#list1b hr {
  margin: 0px 10px; }
#list1b div div {
  padding: 10px; }

.footer {
  background-image: url(../images/style/footer_bg.png);
  background-repeat: repeat-x;
  background-position: top left;
  padding: 1px;
  padding-top: 6px;
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  background-color: #cccccc;
  text-align: center; }

dt {
  font-weight: bold;
  font-size: 12px; }

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

.errors {
  color: red; }

div.errors {
  padding: 0px;
  border: 2px dashed red;
  background-color: lightYellow; }

p.errors {
  padding: 20px;
  text-align: center;
  font-weight: bold;
  font-size: large; }

ul.errors {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
  color: red;
  font-size: small; }

.view .order,
.actions,
div.search {
  background-color: #f7f7f7;
  border: 1px solid black;
  margin: 30px 10px; }

table.actions {
  padding: 1em;
  margin: 10px;
  text-align: center; }

.actions {
  padding: 0px 1em;
  margin-top: 10px;
  text-align: center; }
  .actions a {
    display: block;
    margin: 2px auto;
    border: 1px solid #9ea2a5;
    font-family: arial, sans-serif;
    background-color: #cccccc;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    color: black;
    width: 150px; }
  .actions a:hover {
    background-color: #9ea2a5; }

.clear {
  clear: both; }

table.ensign-style {
  margin-top: 10px; }
  table.ensign-style th {
    background-color: #6f2769;
    padding: 2px;
    color: white;
    border: 1px solid black; }
  table.ensign-style td {
    background-color: white;
    border: 1px solid black; }
  table.ensign-style tfoot td {
    padding: 10px;
    text-align: center;
    background-color: #6f2769;
    color: white; }

#order-search table.ensign-style {
  background-color: #f7f7f7;
  border: 1px solid black;
  margin: 1px auto; }

.paginationControl {
  padding: 10px; }
  .paginationControl a {
    background-color: #cccccc;
    color: black; }
  .paginationControl a:hover {
    background-color: #9ea2a5; }
  .paginationControl span {
    color: white; }
  .paginationControl span, .paginationControl a {
    padding: 1px 6px;
    border: 1px solid #9ea2a5;
    text-decoration: none; }

div.search div.search-form {
  background-color: #6f2769;
  color: white;
  margin: 2px;
  padding: 10px;
  border: 1px solid black; }
div.search form fieldset {
  border: 1px solid white;
  padding: 5px;
  margin: 10px 5px;
  float: left; }

.design-search {
  width: 800px; }

form.search {
  background-color: #f7f7f7;
  padding: 5px;
  margin: 5px auto; }
  form.search fieldset {
    border: 0px none;
    margin: 0px;
    padding: 0px; }
  form.search dl {
    margin: 1px; }

form.design-search dl.using {
  float: left;
  width: 200px;
  text-align: right; }
form.design-search dl.value {
  margin: 1px 203px; }
  form.design-search dl.value input {
    width: 98%; }
form.design-search dl.submit-search {
  width: 200px;
  float: right; }

form.order-search {
  width: 400px;
  border: 1px solid black; }
  form.order-search dl.begin-date,
  form.order-search dl.end-date,
  form.order-search dl.submit-search {
    float: left;
    width: 32%; }
  form.order-search dl.begin-date input,
  form.order-search dl.end-date input {
    width: 98%; }

form.search dl dt {
  color: white;
  background-color: #6f2769;
  padding: 2px 4px; }
form.search #search_back {
  float: left; }
form.search #order_design {
  float: right; }
form.search #fieldset-searchgroup {
  margin-bottom: 20px; }
form.search #fieldset-buttons {
  border-bottom: 1.7em solid #6f2769;
  padding: 5px;
  margin-top: 20px; }

.infobox {
  width: 400px;
  margin: 1in auto;
  padding: 20px;
  text-align: center;
  border: 10px solid #9ea2a5; }

.address {
  width: 200px;
  display: block;
  margin-left: 20px;
  padding: 5px;
  border: 1px solid #9ea2a5;
  background-color: white; }

#selectShipTo dt, #createNew dt {
  margin-left: 7px; }

#selectShipTo {
  width: 450px; }
  #selectShipTo .terms input#terms {
    float: left;
    margin-top: 20px; }
  #selectShipTo .terms p {
    margin-left: 25px;
    font-weight: bold; }

#createNew dt {
  margin: 7px;
  float: left;
  text-align: right;
  width: 400px;
  clear: left; }
#createNew h1, #createNew h2, #createNew h3, #createNew h4 {
  margin: 7px; }
#createNew p {
  margin: 10px;
  border: 1px solid black;
  padding: 5px 10px;
  background-color: white; }
#createNew p.hint {
  display: none;
  width: 400px;
  margin: 10px auto;
  color: red;
  clear: both; }

#selectShipTo dd,
#createNew dd {
  margin: 10px;
  padding: 2px; }

#selectShipTo, #createNew {
  background-color: #f7f7f7;
  border: 1px solid black;
  margin: 30px 10px;
  padding: 2px; }

#selectShipTo dd label input {
  margin-top: 20px;
  float: left; }

#complete_view {
  background-color: #f7f7f7;
  border: 1px solid black;
  margin: 30px 10px;
  padding: 2px; }

#complete_view table.ensign-style th, #complete_view table.ensign-style td {
  padding: 5px; }
#complete_view table.ensign-style th {
  text-align: right; }
#complete_view table.ensign-style td.viewLink {
  text-align: center; }

#contact-us form {
  background-color: #f7f7f7;
  border: 1px solid black;
  width: 500px;
  display: block;
  margin: auto;
  padding: 30px; }
  #contact-us form hr {
    border: 1px solid black;
    background-color: #dddddd;
    color: white;
    padding: 1px;
    margin: 10px 0px; }
#contact-us div.addresses {
  margin: auto;
  width: 560px;
  text-align: center;
  padding: 20px 0px; }
  #contact-us div.addresses hr {
    border: 0px none black;
    border-top: 1px solid black;
    margin: 20px 0px; }
  #contact-us div.addresses p {
    text-align: center; }
#contact-us dt {
  border: 1px solid black;
  background-color: #dddddd;
  color: black;
  padding: 5px 20px;
  margin: 10px 0px; }
#contact-us dd {
  margin: 0px 40px; }
#contact-us h2 {
  text-align: center; }

form ol li {
  margin: 10px; }
  form ol li input {
    width: 200px; }

#cancel-confirm {
  background-color: #f7f7f7;
  border: 1px solid black;
  width: 500px;
  display: block;
  margin: 30px auto;
  padding: 30px 30px; }
  #cancel-confirm h1, #cancel-confirm h2, #cancel-confirm h3 {
    text-align: center; }
  #cancel-confirm p {
    border: 1px solid black;
    background-color: white;
    padding: 10px; }
  #cancel-confirm form {
    text-align: center;
    margin: auto; }

div#retriever {
  width: 8.5in;
  border: 4px solid #f7f7f7;
  margin: 0px auto;
  text-align: center; }
  div#retriever hr {
    border: 2px solid #f7f7f7;
    clear: both; }

#retriever table {
  border-collapse: separate;
  border-spacing: 2px;
  border: 1px solid black;
  padding: 0px;
  margin: 5px auto;
  background-color: #f7f7f7; }
  #retriever table td, #retriever table th {
    border: 1px solid black;
    padding: 2px 4px; }
  #retriever table thead th {
    color: white;
    background-color: #6e276b; }
  #retriever table tbody th {
    color: white;
    background-color: #9ea2a5;
    text-align: right; }
  #retriever table tbody td {
    background-color: white; }

div#TAC {
  border: 10px solid #f7f7f7;
  margin: 50px auto;
  width: 6in;
  padding: 0.5in 1in;
  text-align: justify; }
  div#TAC h1 {
    text-decoration: underline;
    font-size: 18px; }
  div#TAC h2 {
    color: black;
    text-transform: none;
    font-size: 16px;
    margin: 0px;
    margin-top: 20px;
    padding: 0px; }

#widget {
  margin-left: 215px; }
  #widget .main-header {
    border-style: none;
    background-color: transparent;
    padding: 0px;
    margin: 10px 10px 20px 10px;
    height: 16px; }
    #widget .main-header h3 {
      margin: 0px;
      font-size: 13px; }
      #widget .main-header h3 span {
        font-weight: normal; }
  #widget h1, #widget h2 {
    text-align: center;
    color: black;
    text-transform: none; }
  #widget div {
    background-color: #f7f7f7;
    border: 1px solid black;
    overflow: hidden;
    padding: 20px; }
  #widget div#news-story {
    overflow: scroll; }
  #widget div, #widget p {
    margin: 20px 10px; }
  #widget p {
    padding: 0px; }
  #widget .news-story {
    border: 1px solid black;
    margin: 5px;
    padding: 0px;
    background-color: white; }
    #widget .news-story .story p {
      margin: 10px; }
    #widget .news-story .story .news-story .story {
      clear: right;
      margin: 0px;
      border-style: none;
      padding: 0px; }
    #widget .news-story div {
      margin: 0px;
      padding: 0px;
      background-color: white; }
    #widget .news-story .news-head {
      border-style: none;
      background-color: #6e276b;
      color: white;
      height: 28px; }
      #widget .news-story .news-head h4 {
        margin: 5px; }

#news-story {
  overflow: scroll;
  height: 200px; }

.news-story {
  border: 1px solid black;
  padding: 5px;
  margin: 5px; }
  .news-story .headline {
    float: left; }
  .news-story .date {
    float: right;
    font-weight: normal;
    color: #999999; }

#main-menu {
  text-transform: uppercase;
  clear: right;
  float: right;
  width: 870px;
  height: 35px;
  margin-right: 0px;
  margin-top: 6px;
  background-color: #9ea2a5;
  background-image: url(../images/style/menu_bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-left: 5px;
  margin-bottom: 6px; }

#sub-menu {
  clear: both;
  height: 29px;
  margin-top: 0px;
  background-image: url(../images/style/subMenu_bg.png);
  background-repeat: repeat-x;
  background-position: left center;
  background-color: #4e074b;
  z-index: 300; }

div#order-menu {
  width: 200px;
  border: 1px solid black;
  float: left;
  background-color: #f7f7f7; }
  div#order-menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
  div#order-menu a {
    padding: 4px;
    margin: 1px;
    text-decoration: none;
    display: block;
    color: black; }
  div#order-menu a.d0 {
    background-color: #6b296b;
    color: white; }
  div#order-menu a.d0:hover {
    background-color: #666666; }
  div#order-menu a.d1 {
    background-color: #f8e9f7;
    color: black; }
  div#order-menu a.d1:hover {
    background-color: #cccccc; }

.horizontalMenu {
  z-index: 200;
  position: absolute;
  font-size: 12px; }
  .horizontalMenu a {
    text-decoration: none;
    font-weight: bold; }
  .horizontalMenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px; }
  .horizontalMenu li.d0 {
    display: block;
    float: left;
    padding: 0px 2px;
    margin: 0px 2px; }
  .horizontalMenu ul.d0 a {
    cursor: pointer;
    padding: 8px 25px 5px;
    color: #dddddd;
    display: block;
    height: 30px;
    float: left; }
  .horizontalMenu ul.d1 {
    top: 37px;
    clear: both;
    padding: 12px 0px;
    display: none;
    position: absolute;
    left: 0px;
    width: 870px;
    text-align: center;
    margin: 0px auto; }
  .horizontalMenu li.d1 {
    display: inline;
    margin: 0px;
    padding: 5px 10px; }
  .horizontalMenu ul.d1 a {
    text-transform: none;
    background-color: transparent;
    padding: 0px;
    display: inline;
    border: none;
    float: none; }
  .horizontalMenu li.d0:hover {
    background-image: url(../images/style/top_sel.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #7e8183; }
    .horizontalMenu li.d0:hover ul.d1 {
      display: block; }
      .horizontalMenu li.d0:hover ul.d1 a {
        background-image: none;
        background-color: transparent;
        color: white; }
    .horizontalMenu li.d0:hover a {
      background-color: #9ea2a5;
      height: 29px;
      width: auto;
      padding-top: 15px;
      color: white;
      height: 21px; }
    .horizontalMenu li.d0:hover li.d1:hover {
      border: none;
      background-color: transparent;
      background-position: top center;
      background-repeat: no-repeat; }
      .horizontalMenu li.d0:hover li.d1:hover a {
        color: #dddddd; }

.view .order h1, .view .order h2, .view .order h3 {
  background-color: #6f2769;
  padding: 2px 10px;
  margin: 2px;
  color: white;
  border: 1px solid black; }
.view .order dl {
  margin: 0px;
  padding: 0px; }
  .view .order dl dd, .view .order dl dt {
    border: 1px solid black;
    float: left;
    margin: 5px 1px;
    padding: 2px 5px; }
  .view .order dl dt {
    text-align: right;
    width: 130px;
    border: 0px solid black;
    margin-left: 5px; }
  .view .order dl dd {
    width: 200px;
    background-color: white;
    margin-right: 5px; }
.view .order p {
  margin: 2px;
  border: 1px solid black;
  background-color: #6f2769;
  color: white;
  padding: 10px;
  text-align: center;
  font-weight: bold; }
.view table.ensign-style {
  border: 0px none;
  empty-cells: show; }
.view p#am-info {
  background-color: #f7f7f7;
  padding: 2px;
  color: black;
  margin: 10px;
  padding: 20px;
  border: 1px solid black;
  text-align: center;
  font-weight: bold; }