@charset 'utf-8';
* {
  margin: 0;
  padding: 0;
}

html {
  font-family: 'Arial', sans-serif;
  font-size: 100%;
  line-height: 1.125em;
  color: #565146;
}

/* Content font-size: 0.6875em => 11px */
body {
  font-size: 0.6875em;
}

h1 {
  line-height: 1.1em;
  font-size: 1.636em;
}

h2 {
  font-size: 1.455em;
}

h3 {
  font-size: 1.636em;
}

a {
  text-decoration: none;
  color: #565146;
}

a:hover {
  text-decoration: underline;
}

a.u {
  text-decoration: underline;
}

a.arrows {
  background: url('/images/arrows.gif') 0 0.454em no-repeat;
  padding-left: 15px;
}

a.pink {
  color: #FF40A3;
}

a.u:hover {
  text-decoration: none;
}

img {
  border: 0;
}

table {
  border-collapse: collapse;
}

td {
  vertical-align: top;
}

dt {
  float: left;
}

table td.middle {
  border-width: 0 1px;
  border-style: solid;
}

input, select {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  padding: 3px 2px;
  font-size: 1em;
}

/* Common classes */
.clearer {
  clear: both !important;
  float: none !important;
  line-height: 0 !important;
  font-size: 0;
  overflow: hidden;
  height: 0;
}

.hidden {
  display: none !important;
}

.left {
  float: left;
}

.right {
  float: right !important;
}

h1 {
  font-size: 2.182em;
}

h1.img, h2.img {
  font-size: 0px;
  line-height: 0px;
  text-indent: -2000px;
  overflow: hidden;
}

span.light-blue {
  color: #4ec2e8;
}

button.arrows-white, button.arrows-red {
  font-size: 1.272em;
  border: 0;
  height: 1.53em;
  width: 1.53em;
  margin-left: 2px;
}

.links {
  margin-top: 3px;
}

.links a {
  color: #565146;
  font-size: 1.273em;
  font-weight: bold;
  margin-right: 25px;
  white-space: nowrap;
}

td.center {
  vertical-align: middle;
  text-align: center;
}

/* Layout starts here */
#content {
  width: 970px;
  margin: 0 auto;
}

#logo {
  float: left;
  margin-top: 36px;
}

#logo, #logo a {
  display: block;
  width: 352px;
  height: 56px;
  background-repeat: no-repeat;
}

#languages-and-search {
  float: right;
}

#languages {
  float: right;
  background-color: #565146;
}

#languages span {
  color: #726c5e;
  font-weight: bold;
  float: left;
  margin-top: 3px;
  padding-bottom: 5px;
}

#languages a {
  font-size: 1.182em;
  font-weight: bold;
  float: left;
  margin: 3px 15px 0;
  color: #ffffff;
}

#languages a:hover {
  color: #ffff00;
  text-decoration: none;
}

#search {
  margin-top: 30px;
  float: right;
}

#search * {
  float: left;
}

#search #left-border {
  background: url('/images/search-left.gif') repeat-x;
  width: 32px;
  height: 20px;
}

#search input {
  border: none;
  font-size: 11px;
  height: 15px;
  padding: 4px 0 1px 10px;
  color: #666;
}

/* Remove nice (but disturbing here) safari focus effect */
#search input:focus {
  outline: 0;
}

#search-string.sfFocus {
  color: #000 !important;
}

#search #right-border {
  background: url('/images/search-right.gif') no-repeat;
  width: 14px;
  height: 20px;
}

#menu {
  background-repeat: repeat-x;
  background-position: 0 6px;
  margin-top: 9px;
  float: left;
  width: 100%;
  padding-top: 6px;
  font-size: 1.273em;
}

#menu li {
  float: left;
  list-style-type: none;
  margin-right: 1.182em;
  margin-top: 10px;
}

#menu li div {
  position: relative;
  z-index: 5;
  /* Fix IE6 bug with misplaced submenu */
  float: left;
}

#menu li.current {
  border-top: 6px solid #fff;
  margin-top: -5px;
  padding-top: 9px;
}

#menu li.right {
  margin-right: 0;
}

#menu li a {
  font-weight: bold;
  padding: 0.214em 8px;
  float: left;
}

#menu div.sfHover a {
  background-color: #ACACAC;
  color: #fff;
}

#menu li a:hover {
  text-decoration: none;
  color: #fff;
}

#menu ul ul {
  margin: 0pt !important;
  position: absolute;
  left: 0;
  top: -999em;
}

#menu ul ul li {
  margin-top: 0;
  float: none;
}

#menu ul ul li a {
  background-color: #ACACAC;
  display: block;
  width: 14em;
  float: none;
  color: #565146 !important;
}

#menu ul div.sfHover ul a:hover {
  background-color: #d0d0d0;
  color: #4EC2E9 !important;
}

#menu div.sfHover ul {
  top: 1.71em;
}

#main {
  margin: 20px 0 15px;
  padding-top: 20px !important;
}

div#theme, div#theme img {
  float: left;
  position: relative;
}

.welcome #main {
  padding-top: 0 !important;
}

/* =========== Footer =========== */
#footer li {
  list-style-type: none;
}

#footer #quick-links td {
  width: 323px;
  min-height: 190px;
  _height: 190px;
}

#footer #quick-links a:hover {
  text-decoration: none;
  color: #ffff00 !important;
}

#footer #op-tiger {
  background: #565146 url('/images/bottom-op-tiger.gif') top right no-repeat;
}

#footer #op-tiger p {
  color: #4ec2e8;
  font-size: 1.273em;
  font-weight: bold;
}

#footer #op-tiger a {
  color: #4ec2e8;
  background: url('/images/arrows.gif') 0 0.454em no-repeat;
  padding-left: 15px;
}

#footer #we-do, #footer #something-more {
  background-repeat: no-repeat;
  background-position: top right;
}

#footer #quick-links td div {
  padding: 22px;
}

#footer #quick-links td h3 {
  color: #fff;
  margin-bottom: 20px;
}

#footer #quick-links td li {
  font-size: 1.273em;
  font-weight: bold;
  margin-bottom: 3px;
}

#footer #quick-links td li a {
  color: #e2e2e2;
}

#footer #small-boxes {
  margin-top: 15px;
}

#footer #small-boxes td {
  padding: 18px 15px;
  line-height: 100%;
  width: 212px;
  min-height: 75px;
  _height: 75px;
}

#footer #small-boxes h3 {
  color: #4ec2e8;
  margin-bottom: 15px;
}

#footer #small-boxes #actions {
  background-color: #fff;
}

#footer #small-boxes #newsletter {
  background-color: #f5f5f5;
}

#newsletter button {
  background: #707070 url('/images/arrows-white.gif') center center no-repeat;
}

#footer #small-boxes #blog {
  background-color: #e3e3e3;
  padding: 0;
  width: 242px;
}

#footer #small-boxes #blog .inside {
  padding: 18px 15px 0;
}

#footer #small-boxes #calculator {
  background-color: #d2d2d2;
}

#footer #small-boxes #actions a, #footer #small-boxes #calculator a {
  font-size: 1.454em;
  background: url('/images/arrows.gif') right center no-repeat;
  width: 160px;
  padding-right: 15px;
  float: left;
  clear: left;
  font-weight: bold;
  line-height: 112.5%;
}

#footer #small-boxes #actions a {
  padding-right: 10px;
}

#footer #small-boxes #newsletter em {
  display: block;
  margin-top: 3px;
  font-style: normal;
  font-size: 0.82em;
}

#footer #small-boxes #blog h4 {
  font-size: 1.273em;
  margin: 2px 0;
}

/* Just for preparing */
#footer #small-boxes #blog p {
  line-height: 125%;
}

#footer #small-boxes #blog .date {
  color: #666;
}

#footer #small-boxes #blog .list {
  margin-top: -3px;
}

#footer #small-boxes #blog .list li {
  cursor: pointer;
  _cursor: hand;
  padding: 3px 15px 3px 0;
  width: 212px;
}

#footer #small-boxes #blog .list li.sfHover {
  background: #fff url('/images/blog-arrow.gif') left center no-repeat;
  margin-left: -15px;
  padding-left: 12px;
  border-left: 3px solid #e2e2e2;
}

#footer #small-boxes #blog .list a {
  display: block;
  padding-right: 15px;
  background: url('/images/arrows.gif') right center no-repeat;
}

#footer #small-boxes #blog .list li a:hover {
  text-decoration: none;
}

#footer #small-boxes #preparing {
  margin-top: -1.362em;
  margin-bottom: 0.362em;
  font-weight: bold;
  font-size: 0.91em;
}

#site-info {
  margin-top: 40px;
  padding-top: 10px;
  background-repeat: repeat-x;
  background-position: top left;
}

#site-info strong {
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 0.91em;
}

/* ======== Pages start here ======== */
/* ======== Index ======== */
body.welcome {
  background: #e2e2e2;
}

.welcome #logo {
  background-image: url('/images/welcome/logo.gif');
}

.welcome #menu {
  background-image: url('/images/welcome/dashed-line.gif');
}

.welcome #footer #we-do {
  border-color: #e2e2e2;
  background-color: #757168;
  background-image: url('/images/welcome/bottom-we-do.gif');
}

.welcome #footer #something-more{
  background-color: #9c9994;
  background-image: url('/images/welcome/bottom-something-more.gif');
}

.welcome #site-info {
  background-image: url('/images/welcome/dashed-line.gif');
}

.welcome #banners {
  margin-top: 0;
}

#banners {
  margin-top: 20px;
  float: right;
  width: 241px;
  height: 245px;
  position: relative;
}

#banners a {
  width: 241px;
  float: right;
}

#banners #continental-banner {
  margin-bottom: 17px;
  height: 113px;
}

#banners #biotextil {
  height: 115px;
}

.welcome #main h2 {
  font-size: 1.636em;
}

.welcome .boxes {
  margin-top: 15px;
  color: #565146;
}

.welcome .boxes td {
  width: 242px;
}

.welcome .boxes td div.inside {
  padding: 20px 0 20px 20px;
}

.welcome .boxes li {
  list-style-type: none;
}

.welcome .boxes h2 {
  color: #000;
  margin-bottom: 14px;
}

.welcome .boxes #actions {
  background-color: #f9d800;
}

.welcome .boxes #news {
  background-color: #f6d919;
  border-color: #e2e2e2;
}

.welcome .boxes #news h3 {
  /* Fixing nasty IE6 bug, and it is even valid :-) */
  -zoom: 1;
}

.welcome #news button {
  background: #707070 url('/images/arrows.gif') center center no-repeat;
}

.welcome .boxes .middle {
  border-color: #e2e2e2;
}

.welcome .boxes #blog {
  background-color: #f2db46;
}

.welcome .boxes #calculator {
  background-color: #eedd6f;
}

.welcome .boxes #actions li a, .welcome .boxes #actions li p {
  font-size: 1.273em;
  background: none;
  line-height: 1.125em;
  /*background: url('/images/arrows.gif') left bottom no-repeat;
  padding-bottom: 10px;
  margin-bottom: 10px;*/
  /*float: left;
  clear: left;*/
  font-weight: bold;
}

.welcome .boxes p.all-items a {
  font-size: 1.091em;
  background: url('/images/arrows.gif') right center no-repeat;
  padding-right: 15px;
  font-weight: bold;
}

.welcome .boxes .list {
  line-height: 125%;
}

.welcome .boxes #blog h2, .boxes #news h2 {
  margin-bottom: 11px;
}

.welcome .boxes #news .list {
  margin-bottom: 5px;
}

.welcome .boxes #blog .inside {
  padding-bottom: 10px;
}

.welcome .boxes #blog p {
  margin-right: 20px;
  line-height: 125%;
}

.welcome .boxes .list h3 {
  font-size: 1.273em;
}

.welcome .boxes .list li {
  width: 202px;
  padding: 3px 20px 7px 0;
}

.welcome .hover-list .list li {
  cursor: pointer;
  _cursor: hand;
}

.welcome .boxes .list li.sfHover {
  background: #fff url('/images/blog-arrow.gif') left center no-repeat;
  margin-left: -20px;
  padding-left: 17px;
  border-left: 3px solid #e2e2e2;
}

.welcome .boxes .list a {
  display: block;
  padding-right: 15px;
  background: url('/images/arrows.gif') right center no-repeat;
}

.welcome .boxes .list li a:hover {
  text-decoration: none;
}

.welcome .boxes #news .all-items {
  margin-bottom: 10px;
}

.welcome .boxes #blog .all-items {
  margin-top: 10px;
}

.welcome .boxes #blog h2 a {
  color: #000;
}

.welcome .boxes #blog h2 img {
  vertical-align: middle;
  margin-left: 5px;
}

.welcome .boxes #blog h2 a:hover {
  text-decoration: none;
}

.welcome .boxes #news form div *, #newsletter form div * {
  float: left;
}

.welcome .boxes #news input, #newsletter input {
  width: 13em;
  border: 0;
  padding: 4px 2px;
}

#newsletter-loader {
  margin: 3px 0 0 7px;
  visibility: hidden;
}

.welcome .boxes #news em {
  margin-top: 4px;
  font-style: normal;
  line-height: 110%;
  display: block;
  font-size: 0.91em;
}

.welcome .boxes #calculator h3 {
  font-size: 1.273em;
  background: url('/images/arrows.gif') right 1.455em no-repeat;
  padding-right: 15px;
  float: left;
}

.welcome .boxes #calculator p {
  font-weight: bold;
  margin-top: 15px;
}

.welcome .boxes #calculator form div {
  margin-top: 6px;
}

.welcome .boxes #calculator label {
  float: left;
  width: 10em;
  padding-top: 3px;
}

/* ======== Contacts ======== */
/* Same color scheme as "People" */
body.contact, body.people {
  background: #7acdc8;
}

.contact #logo a, .people #logo a {
  background-image: url('/images/contact/logo.gif');
}

.contact #menu, .people #menu {
  background-image: url('/images/contact/dashed-line.gif');
}

.contact table td.middle, .people table td.middle {
  border-color: #7acdc8;
}

.contact #footer #we-do, .people #footer #we-do {
  background-color: #5e6c63;
  background-image: url('/images/contact/bottom-we-do.gif');
}

.contact #footer #something-more, .people #footer #something-more {
  background-color: #688f87;
  background-image: url('/images/contact/bottom-something-more.gif');
}

.contact #site-info, .people #site-info {
  background-image: url('/images/contact/dashed-line.gif');
}

.contact h1, .people h1 {
  color: #7acdc8;
}

.contact h2 {
  font-size: 2.182em;
  margin-top: 20px;
}

.contact #main, .people #main, .clients #main {
  background-color: #fff;
  padding: 0 23px 23px;
}

#contact-summary.boxes {
  margin-top: 10px;
}

#contact-summary.boxes td {
  width: 262px;
  padding: 20px 20px 20px 25px;
}

#contact-summary.boxes p {
  color: #688f87;
  font-weight: bold;
  font-size: 1.273em;
  margin-top: 10px;
}

#contact-summary.boxes a {
  color: #688f87;
}

#contact-summary.boxes #where-to-find-us {
  background-color: #c0fffc;
}

#contact-summary.boxes #where-to-find-us p {
  font-size: 1em !important;
}

#contact-summary.boxes #where-to-find-us a {
  background: url('/images/arrows.gif') right 0.454em no-repeat;
  padding-right: 15px;
}

#contact-summary.boxes .middle {
  border-color: #fff;
}

#contact-summary.boxes #address {
  background-color: #ade5e2;
}

#contact-summary.boxes #invoice-address {
  background-color: #7acdc8;
}

.contact #map-heading {
  margin-top: 40px;
}

.contact iframe {
  display: block;
  margin-top: 10px;
}

/* ======== Textile ======== */
body.textile {
  background: #f9d800;
}

.textile #logo a {
  background-image: url('/images/textile/logo.gif');
}

.textile #menu {
  background-image: url('/images/textile/dashed-line.gif');
}

.textile table td.middle {
  border-color: #f9d800;
}

.textile #footer #we-do {
  background-color: #7a6f37;
  background-image: url('/images/textile/bottom-we-do.gif');
}

.textile #footer #something-more {
  background-color: #a79423;
  background-image: url('/images/textile/bottom-something-more.gif');
}

.textile #site-info {
  background-image: url('/images/textile/dashed-line.gif');
}

.textile h1 {
  color: #f2d200;
}

.textile #main, .we_are #main  {
  background-color: #fff;
  padding: 0 20px 40px;
}

.textile .boxes, .we_do .boxes {
  margin-top: 20px;
}

.textile .boxes td, .we_do .boxes td {
  border: 1px solid #fff;
}

.textile #overview.boxes td.second, .textile #overview.boxes td.third {
  height: 140px;
  width: 263px;
  padding: 20px 20px 20px 25px;
}

.textile .boxes td img, .we_do .boxes td img {
  /* Otherwise td height is not respected */
  float: left;
}

.textile .boxes h2, .we_do .boxes h2 {
  font-size: 1.64em;
}

.textile .boxes#overview h3, .we_do .boxes#overview h3 {
  font-size: 1em;
}

.textile #overview .second p, .we_do #overview .second p {
  font-size: 1.273em;
  margin-top: 15px;
  background: url('/images/arrows.gif') left bottom no-repeat;
  padding-bottom: 10px;
}

.textile .boxes .third p, .we_do .boxes .third p, .we_do .boxes .third ul {
  margin-top: 15px;
}

.textile #overview #biotextile .second {
  background-color: #c4df9b;
}

.textile #overview #biotextile .third {
  background-color: #dcecc3;
}

.textile #overview #ad-textile .second {
  background-color: #e9f3fe;
}

.textile .boxes a {
  font-weight: bold;
  color: #ff40a3;
}

.textile .boxes td.first {
  background-color: #fafafa;
  font-size: 1.092em;
  padding-bottom: 0;
}

.textile .boxes td.first h3, .textile .boxes td.second h3 {
  font-size: 1.416em;
  margin-bottom: 5px;
}

.textile .boxes td.second {
  background-color: #f5f5f5;
  font-size: 1.092em;
}

.textile .boxes td.second h3 {
  margin-bottom: 25px;
}

.textile .boxes td.third {
  padding: 0;
}

.textile .boxes td.first p, .textile .boxes td.second p {
  margin-bottom: 5px;
}

.textile .boxes#showroom .second small {
  font-weight: bold;
}

.textile .boxes#showroom #opening-hours {
  margin: 10px 0 20px;
}

.textile .boxes#showroom #opening-hours strong {
  font-size: 1.5em;
}

.textile #notice {
  margin: 30px 0 20px;
}

.textile #notice h3 {
  color: #4ec2e9;
  font-size: 1.273em;
  margin-bottom: 3px;
}

.textile #notice p {
  background-color: #fff200;
  padding: 18px;
  font-size: 1.182em;
  width: 580px;
}

.textile #notice a {
  text-decoration: underline;
}

.textile #notice a:hover {
  text-decoration: none;
}

.textile #why-biocotton .third {
  background: #EB5A01;
}

.textile #why-bamboo .third {
  background: #507B22;
}

.ad_textile_catalogue #main {
  padding-bottom: 20px;
}

/* ======== We are ======== */
body.we_are {
  background: #e76da0;
}

.we_are #logo a {
  background-image: url('/images/we-are/logo.gif');
}

.we_are #menu {
  background-image: url('/images/we-are/dashed-line.gif');
}

.we_are table td.middle {
  border-color: #e76da0;
}

.we_are #footer #we-do {
  background-color: #76575a;
  background-image: url('/images/we-are/bottom-we-do.gif');
}

.we_are #footer #something-more {
  background-color: #9e5f73;
  background-image: url('/images/we-are/bottom-something-more.gif');
}

.we_are #site-info {
  background-image: url('/images/we-are/dashed-line.gif');
}

.we_are #theme {
  display: block;
  margin-top: 20px;
}

.we_are #history, .we_are #manufacturing {
  margin-top: 30px;
}

.we_are #main table {
  margin-top: 15px;
}

.we_are #history td, .we_are #manufacturing td {
  width: 209px;
  height: 137px;
  padding-bottom: 15px;
  border-color: #fff;
}

.we_are #history img, .we_are #manufacturing img {
  float: left;
}

.we_are #history p {
  font-weight: bold;
  line-height: 140%;
}

.we_are #history td.middle, .we_are #manufacturing td.middle {
  border-left-width: 29px;
  border-right-width: 29px;
}

.we_are #manufacturing p {
  font-size: 1.091em;
  line-height: 140%;
}

.we_are #contact-summary {
  margin-top: 40px;
}

.we_are #certificates {
  background-color: #e76da0;
}

.we_are #certificates p {
  font-size: 1.091em;
  color: #fff;
}

.we_are #psi {
  background-color: #e78bb1;
}

.we_are #blank {
  background-color: #fec3dc;
}

/* ======== We do ======== */
body.we_do {
  background: #4ec2e9;
}

.we_do #logo a {
  background-image: url('/images/we-do/logo.gif');
}

.we_do #menu {
  background-image: url('/images/we-do/dashed-line.gif');
}

.we_do #main {
  background-color: #fff;
  padding: 0 20px 40px;
}

.we_do #footer table td.middle {
  border-color: #4ec2e9;
}

.we_do #footer #we-do {
  background-color: #546a6a;
  background-image: url('/images/we-do/bottom-we-do.gif');
}

.we_do #footer #something-more {
  background-color: #528997;
  background-image: url('/images/we-do/bottom-something-more.gif');
}

.we_do #site-info {
  background-image: url('/images/we-do/dashed-line.gif');
}

.we_do h1 {
  color: #4ec2e9;
}

/* ============Styles for we-do index page============ */
.we_do #overview.boxes td, .textile #overview.boxes td {
  padding:  0;
  cursor: pointer;
}

.we_do #overview.boxes table, .textile #overview.boxes table {
  margin-top: 0;
}

.we_do #overview.boxes td.second, .we_do #overview.boxes td.third {
  height: 160px;
  width: 263px;
  padding: 10px 20px 10px 25px;
}

.we_do #overview.boxes .third li, .textile .boxes .first li, .textile .boxes .second li {
  list-style-type: none;
  background: url('/images/arrows.gif') left 0.636em no-repeat;
  padding-left: 15px;
}

.we_do #overview.boxes .sfHover td.second, .textile .boxes .sfHover td.second {
  background-color: #fbe44f !important;
}

.we_do #overview.boxes .sfHover td.third, .textile .boxes .sfHover td.third {
  background-color: #fceb7d !important;
}

.we_do #overview.boxes td.third p {
  font-size: 1em;
}

/* ============Styles for all we-do subpages============ */
/* Most of styles also apply for textile subpages */
.we_do #theme, .we_do #banner, .textile #theme, .textile #banner {
  float: left;
  margin-top: 20px;
}

.we_do #main table, .textile #main table {
  margin-top: 15px;
}

.we_do .boxes td.middle, .textile .boxes td.middle {
  border: 1px solid #fff;
}

.we_do .boxes td.img, .textile .boxes td.img {
  padding: 0;
}

.we_do .boxes td, .textile .boxes td {
  width: 33%;
  padding : 18px 18px 18px 26px;
}

.we_do .boxes td p, .we_do .boxes td ol, .we_do .boxes td h4 {
  font-size: 1.091em;
}

.we_do #why.boxes td li {
  list-style-type: decimal;
  list-style-position: inside;
}

.we_do #why td {
  background-color: #f0f9fd;
}

.we_do #why td h3 {
  margin-bottom: 10px;
}

.we_do #when-ready .middle {
  background-color: #d4f0fa;
}

.we_do #when-ready .first {
  background-color: #e8f7fc;
}

.we_do .boxes table h3 {
  font-size: 1.272em;
}

.we_do #how-to-order th {
  vertical-align: top;
  text-align: left;
  padding: 10px;
  color: #4ec2e9;
}

.we_do #how-to-order th.second {
  padding-left: 20px;
}

.we_do #how-to-order th.third {
  padding-left: 26px;
}

.we_do #how-to-order td {
  width: 33%;
}

.we_do #how-to-order td.first {
  padding: 10px 4px;
  width: 3%;
  font-size: 1.82em;
  font-weight: bold;
}

.we_do #how-to-order .first .first {
  background-color: #f8e1f5;
}

.we_do #how-to-order .second .first {
  background-color: #f0bee9;
}

.we_do #how-to-order .third .first {
  background-color: #e48ad7;
}

.we_do #how-to-order .fourth .first {
  background-color: #d853c5;
}

.we_do #how-to-order .fifth .first {
  background-color: #d33fbe;
}

.we_do #how-to-order .need-from-you {
  background-color: #f5f5f5;
  width: 30%;
  padding: 10px 15px 10px 10px;
}

.we_do #how-to-order .need-from-you ul {
  margin-left: 10px;
  margin-top: 10px;
  line-height: 120%;
}

.we_do #how-to-order .need-from-you li {
  list-style-type: none;
  margin-bottom: 5px;
}

.we_do #how-to-order p {
  margin-bottom: 20px;
}

.embroidery #how-to-order #note p {
  margin-bottom: 10px;
}

.embroidery #how-to-order #note

.we_do #how-to-order small {
  font-size: 0.92em;
}

.we_do #how-to-order #formats {
  padding-left: 30px;
}

.we_do #how-to-order #formats p {
  text-indent: -10px;
}

.we_do #how-to-order #programms {
  margin-top: 60px;
  margin-left: -10px;
}

.we_do #how-to-order #programms h3 {
  margin-bottom: 20px;
}

.we_do #how-to-order #programms p {
  text-indent: 0px;
}

.we_do #how-to-order #note h4 {
  margin-top: 10px;
}

.we_do #how-to-order #note {
  background-color: #fff200;
}

.we_do #how-to-order #note img {
  float: none;
}

.we_do #how-to-order #note dl {
  margin-top: 5px;
}

.we_do #how-to-order #note dt {
  font-weight: bold;
}

.we_do #how-to-order #note dt em {
  font-weight: normal;
}

.we_do #how-to-order #note #max-sizes dt {
  float: none;
}

.we_do #how-to-order #note #letter-sizes dt {
  width: 14em;
}

.we_do #how-to-order #note #max-sizes dd {
  background: url('/images/arrows.gif') 5px 0.55em no-repeat;
  padding-left: 20px;
}

.we_do #how-much li {
  list-style-type: none;
  margin-top: 10px;
  font-size: 1.091em;
}

.we_do #how-much li a {
  background: url('/images/arrows.gif') left center no-repeat;
  padding-left: 20px;
}

.we_do #preview h3 {
  font-size: 1.272em;
  font-weight: normal;
}

.we_do #preview td h3 {
  font-weight: bold;
}

.we_do #preview p {
  margin-top: 10px;
  font-size: 1em;
}

.we_do #preview .first {
  background-color: #e7e7e7;
}

.we_do #preview .second {
  background-color: #f2f2f2;
}

.we_do #preview .center {
  padding: 28px 18px 8px 26px;
  background-color: #f9f9f9;
}

.we_do #preview .center img {
  float: none;
}

/* ======== People ======== */
/* Same color scheme as "Contact" */
.people #main h2 {
  font-size: 1.455em;
}

.people #main table {
  margin-top: 20px;
  width: 100%;
}

.people #main td {
  width: 33%;
  border: 1px solid #fff;
  padding: 20px 15px 10px 20px;
  font-size: 1.25em;
}

.people #main h3 {
  font-size: 1.272em;
  margin-bottom: 5px;
}

.people #main .langs {
  font-weight: bold;
}

.people dt {
  width: 4em;
}

.people dl {
  margin: 10px 0 15px;
}

.people #main .first .first {
  background-color: #c0fffc;
}

.people #main .first .second {
  background-color: #ade5e2;
}

.people #main .first .third {
  background-color: #7acdc8;
}

.people #main .second .first {
  background-color: #dffffd;
}

.people #main .second .second {
  background-color: #d5f2f0;
}

.people #main .third .first {
  background-color: #eafffe;
}

.people #main .fourth .first {
  background-color: #f0fffe
}

/* Clients */
body.clients {
  background: #8e8775;
}

.clients #logo a {
  background-image: url('/images/clients/logo.gif');
}

.clients #menu {
  background-image: url('/images/clients/dashed-line.gif');
}

.clients table td.middle {
  border-color: #8e8775;
}

.clients #footer #we-do {
  background-color: #625d50;
  background-image: url('/images/clients/bottom-we-do.gif');
}

.clients #footer #something-more {
  background-color: #726c5d;
  background-image: url('/images/clients/bottom-something-more.gif');
}

.clients #columns {
  margin: 15px 0 30px;
}

.clients #columns .column {
  width: 307px;
  float: left;
  font-size: 1.182em; /* 13px / 11px */
}

.clients #columns .first {
  background-color: #ebebeb;
}

.clients #columns .second {
  background-color: #f6f6f6;
  border-style: solid;
  border-width: 0 1px;
  border-color: #fff;
}

.clients #columns .third {
  background-color: #fafafa;
}

.clients #columns .column .perex {
  padding: 1.923em 25px 1.923em;
  height: 10em;
  font-weight: bold;
}

.clients #columns .column a, .clients #columns .column span {
  display: block;
  padding: 0.462em 10px 0.462em 25px;
}

.clients #columns .column a {
  background: url('/images/photo.gif') 8px 11px no-repeat;
}

.clients #columns .column a:hover {
  text-decoration: none;
  background-color: #fff;
}

/* Inspirations */
body.inspiration {
  background: #000;
}

.inspiration #logo a {
  background-image: url('/images/inspiration/logo.gif');
}

.inspiration #menu {
  background-image: url('/images/inspiration/dashed-line.gif');
}

.inspiration table td.middle {
  border-color: #000;
}

.inspiration #footer #we-do {
  background-color: #433f37;
  background-image: url('/images/inspiration/bottom-we-do.gif');
}

.inspiration #footer #something-more {
  background-color: #2b2923;
  background-image: url('/images/inspiration/bottom-something-more.gif');
}

.inspiration-index #main {
  background: url('/images/inspiration/theme-background.jpg') no-repeat;
  width: 970px;
  height: 774px;
  padding: 0 !important;
  position: relative;
}

.inspiration-index h1 {
  color: #fff;
  margin: 15px;
}

.inspiration-index #main img.theme {
  position: absolute;
  top: 48px;
  right: 0;
}

.inspiration-index #main table {
  position: absolute;
  top: 242px;
  left: 0;
}

.inspiration-index #main table td {
  width: 33%;
}

#main table#inspiration div {
  cursor: pointer;
  _cursor: hand;
  padding: 20px 45px 40px 20px;
  height: 18.5em;
}

.inspiration-index #main table h2 {
  margin-bottom: 15px;
}

.inspiration-index #main table p {
  font-weight: bold;
  font-size: 1.273em;
}

.inspiration-index #main .first div {
  background-color: #f9d800;
}

.inspiration-index #main .second {
  border-width: 0 1px;
  border-style: solid;
  border-color: transparent;
}

.inspiration-index #main .second div {
  background-color: #fbe44f;
}

.inspiration-index #main .third div {
  background-color: #fceb7d;
}

.inspiration-index #main .sfHover div {
  background-color: #fff;
}

.inspiration-index #main table#inspiration a.arrows {
  display: block;
}

.inspiration-index #main table#inspiration a.arrows:hover {
  text-decoration: none;
}

.inspiration-index #main table#inspiration a.mail-to {
  color: #fff;
}

.inspiration-index #main table#inspiration .sfHover a.mail-to {
  color: #098FB2;
}

.inspiration-category #main {
  background-color:#FFFFFF;
  padding:0 20px 40px;
}

.inspiration-category h1 {
  color: #000;
}

.inspiration-category #main td {
  border: 1px #fff solid;
}

.inspiration-category #main table img {
  float: left;
}

.inspiration-category #main .boxes {
  margin-top: 20px;
}

.inspiration-category #main td div.holder {
  position: relative;
  color: #000;
  height: 129px;
  cursor: pointer;
  _cursor: hand;
}

.inspiration-category #main table div.label {
  display: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 232px;
}

.inspiration-category #main table div.label .arrow {
  background-position: 12px 0;
  background-repeat: no-repeat;
  background-image: url('/images/inspiration/arrow.png');
  _background-image: url('/images/inspiration/arrow.gif');
  height: 14px;
}

.inspiration-category #main table .sfHover div.label {
  display: block;
}

.inspiration-category #main table div.description {
  padding: 10px;
  background: url('/images/white-90.png');
  _background: #fff;
}

.inspiration-category #main table div.label h3 {
  font-size: 1.818em;
}

.inspiration-category #main table div.label p {
  margin-top: 3px;
  line-height: 1.125em;
}

.inspiration-detail #main {
  background-color:#FFFFFF;
  padding: 0 0 0 20px;
}

.inspiration-detail #main h2.category-name {
  color: #000;
  line-height:1.1em;
  font-size: 2.182em;
}

.inspiration-detail #main .box {
  margin-top: 20px;
  margin-left: -12px;
  width: 906px;
  padding: 0 26px;
  background: url('/images/inspiration/shadow.gif') repeat-y;
}

.inspiration-detail #main .shadow-top {
  background: url('/images/inspiration/shadow-top.gif') no-repeat;
  height: 14px;
  margin: 0 -26px;
}

.inspiration-detail #main .shadow-bottom {
  background: url('/images/inspiration/shadow-bottom.gif') no-repeat;
  height: 21px;
  margin: 0 -26px;
}

.inspiration-detail #main .box h1 {
  margin: 25px 0 5px;
  color: #000;
  font-size: 1.636em;
}

.inspiration-detail #main .box p {
  float: left;
  width: 650px;
  font-size: 1.091em;
}

.inspiration-detail #main .box img {
  margin-top: 5px;
  display: block;
}

.inspiration-detail #main .pager {
  float: right;
  font-size: 1.091em;
}

.inspiration-detail #main .pager.bottom {
  margin: 5px 0 30px;
}

.inspiration-detail #main .pager a {
  margin: 0 5px;
}

/* ======== Something more ======== */
body.something_more {
  background: #e2e2e2;
}

.something_more #logo {
  background-image: url('/images/welcome/logo.gif');
}

.something_more #main {
  background-color: #FFFFFF;
  padding: 0 20px 40px;
}

.something_more #theme, .something_more #banner {
  float: left;
  margin-top: 20px;
}

 #text {
  margin-top: 25px;
}

#text h2, #text h3, #text p {
  width: 674px;
}

#text a {
  color: #4EC2E9;
}

#text a {
  text-decoration: underline;
}

#text a:hover {
  text-decoration: none;
}

#text h2 {
  margin: 15px 0 5px;
  font-size: 1.636em;
}

#text h3 {
  font-size: 1.272em;
}

#text p {
  font-size: 1.091em;
  margin-bottom: 10px;
}

.something_more td.middle {
  border-color: #e2e2e2;
}

.something_more #footer #we-do {
  background-color: #757168;
  background-image: url(/images/welcome/bottom-we-do.gif);
  border-color: #E2E2E2;
}

.something_more #footer #something-more {
  background-color: #9C9994;
  background-image: url(/images/welcome/bottom-something-more.gif);
}

.something_more #menu {
  background-image: url(/images/welcome/dashed-line.gif);
}

.something_more #site-info {
  background-image: url(/images/welcome/dashed-line.gif);
}


/* ======== Actions ======== */
body.actions{
  background:#e2e2e2;
}

.actions #main{
  background-color:#FFFFFF;
  padding:0 20px 40px;
}

.actions #logo{
  background-image: url('/images/welcome/logo.gif');
}

.actions #menu {
  background-image: url('/images/welcome/dashed-line.gif');
}

.actions #footer #we-do {
  border-color: #e2e2e2;
  background-color: #757168;
  background-image: url('/images/welcome/bottom-we-do.gif');
}

.actions #footer #something-more{
  background-color: #9c9994;
  background-image: url('/images/welcome/bottom-something-more.gif');
}

.actions #site-info {
  background-image: url('/images/welcome/dashed-line.gif');
}

.actions #actions-list table td{
  width: 33%;
  border:1px white solid;
}

.actions #main table .text {
  font-size:1em;
  margin:5px 0 20px 0;
  font-weight:bold;
}

.actions #main table .created-at {
  font-size:0.873em;
  font-weight:bold;
}

.actions #main table .name {
  margin:5px 0 15px 0;
}

.actions #main table .action-image a {
  margin:0 3px;
}

.actions #main #actions-list table td {
  /*cursor:pointer;*/
  height:18.5em;
  padding:20px 45px 40px 20px;
  width: 22.5em;
}

.actions #actions-list .action#column-1{
  background-color:#f9d800;
}

.actions #actions-list .action#column-2{
  background-color:#f2db46;
}

.actions #actions-list .action#column-3{
  background-color:#eedd6f;
}

.actions #actions-list h2, .actions #news h2{
  margin:25px 0;
}

.actions #news td {
  border-color:#FFFFFF;
  height:137px;
  padding-bottom:15px;
  width:209px;
}

.actions #news td.middle {
  border-left-width:29px;
  border-right-width:29px;
}

.actions #news p {
  font-size:1.091em;
  line-height:140%;
}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }