body {
  margin: 0;
  padding: 12px 0;
  background: #fff;
  color: #555;
  font-family: "trebuchet ms", tahoma, sans-serif;
  font-size: 63.5%;
}

a:link    { color: #005385; }
a:visited { color: #777777; }
a:hover   { color: #cd0000; }
a:active  { color: #a11110; }

img            { display: block; border: 0; }
ul, ol, li     { margin: 0; padding: 0; line-height: 1.2em; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
form, fieldset { padding: 0; margin: 0; border: 0; }
p              { margin: 0; padding: 6px 0; line-height: 1.2em; }
.nobr          { white-space: nowrap; }
.peacemaker    { clear: both; line-height: 0.1em; }
.smaller       { font-size: 0.9em; }

.attention { color: #cd0000; }

#pagebody { background: #fff url("/images/bg.gif") center top repeat-y; }




/* ========== header ========== */

#topbar {
  width: 748px;
  margin: 0 auto;
  text-align: right;
  font-size: 1.1em;
  padding: 5px 0;
  text-transform: lowercase;
}

#topbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#header {
  width: 748px;
  margin: 0 auto;
  border: solid #005385;
  border-width: 1px;
  text-align: left;
  background: #fff url("/images/slogan-retail.gif") left top no-repeat;
}

#header.wholesale { background: #fff url("/images/slogan-wholesale.gif") left top no-repeat; }

#logotype { width: 220px; }

#searchform { width: 220px; float: right; padding: 6px 0 0; }

#topbar a       { color: #005385; }
#topbar a:hover { color: #cd0000; }

#topbar a.red   { color: #cd0000; }
#topbar a:hover.red { color: #cd0000; }

.topColumn {
  float: left;
  width: 170px;
  text-align: left;
  padding: 0 0 3px;
}

.topColumn p { padding: 0 0 3px; }

a#homeShortcut      { padding-left: 20px; background: #fff url("/images/homeicon.gif") left top no-repeat; }
a#cartShortcut      { padding-left: 20px; background: #fff url("/images/carticon.gif") left top no-repeat; }
a#deliveryShortcut  { padding-left: 20px; background: #fff url("/images/deliveryicon.gif") left top no-repeat; }
a#retailShortcut    { padding-left: 20px; background: #fff url("/images/infoicon.gif") left top no-repeat; }
a#wholesaleShortcut { font-weight: bold; padding-left: 20px; background: #fff url("/images/infoicon.gif") left top no-repeat; }
a#englishShortcut   { padding-left: 20px; background: #fff url("/images/gb.gif") left center no-repeat; text-transform: none; }




/* ========== wrapper ========== */

#wrapper {
  width: 748px;
  margin: 0 auto;
  border: solid #005385;
  border-width: 0 1px;
  background: #fff url("/images/wrapper-bg.gif") left top repeat-y;
  padding: 0 0 10px 0;
}

#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }




/* ========== sidebar ========== */

#sidebar {
  width: 220px;
  float: left;
  text-align: left;
}

#menubar {
  margin: 0 10px;
  border: solid #ccc;
  border-width: 0 1px 0 10px;
}

#sidebar ul {
  list-style: none;
  font-weight: bold;
  font-size: 1.1em;
}

#sidebar ul li { display: inline; }

#sidebar ul a {
  color: #555;
  border: solid #ccc;
  border-width: 0 0 1px 0;
  display: block;
  text-decoration: none;
  padding: 3px 0;
}

#sidebar ul a:hover {
  background: #eee url("/images/bullet.gif") center left no-repeat;
  color: #555;
}

#sidebar a#active, #sidebar a#active:hover {
  background: #777 url("/images/active-bullet.gif") center left no-repeat;
  border: solid #555;
  border-width: 0 0 1px 0;
  color: #fff;
}

#sidebar ul ul { font-weight: normal; font-size: 1em; }



/* ========== title ========== */

#title {
  text-align: left;
  border: solid #005385;
  border-width: 0 0 1px 0;
  width: 508px;
  padding: 5px 10px;
  background: #fff;
}

#title h1 {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 2em;
  color: #005385;
  font-family: "tahoma", arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

#navbar { font-size: 1.1em; }
#navbar b { color: #cd0000; }
#navbar p { padding: 0; }

#cartCount { font-size: 1.1em; }

#cartCount a       { color: #005385; }
#cartCount a:hover { color: #cd0000; }



/* ========== content ========== */

#content {
  float: right;
  width: 528px;
  text-align: left;
}

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#textbox {
  padding: 15px 10px 10px;
  font-size: 1.1em;
  color: #333;
}

#textbox h2 {
  padding: 0;
  margin: 0;
  text-align: left;
  font-weight: normal;
  font-size: 1.8em;
  color: #005385;
  letter-spacing: -0.05em;
  text-transform: none;
}

#textbox ul { padding: 6px 0; }

#textbox ul li {
  margin-left: 25px;
  list-style: square;
}




/* ========== intro ========== */

#intro-wrapper { width: 528px; }

#intro-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#introCentral {
  width: 300px;
  float: left;
  text-align: left;
  border: solid #005385;
  border-width: 0 0 1px 0;
}

#introSide {
  width: 200px;
  float: left;
  text-align: left;
  border: solid #005385;
  border-width: 0 1px;
}

#introSide img { border-bottom: solid 1px #005385; }
#introSide img.noborder { border: 0; }




/* ========== series ========== */

#foreword {
  font-size: 1.1em;
  width: 508px;
  padding: 0 10px;
}

.series {
  float: left;
  width: 110px;
  height: 120px;
  text-align: center;
  padding: 10px 0 0 0;
  border: solid 1px #005385;
  margin: 10px;
  font-size: 1.1em;
  line-height: 1.272em;
  text-transform: uppercase;
  background: #fff;
}

.series .img-wrapper { height: 72px; }
.series img { display: inline; }

.series .brand-in-series {
  color: #777;
  text-transform: lowercase;
  font-size: 0.91em;
}



/* ========== items ========== */

#photo {
  width: 175px;
  float: left;
  padding: 10px 0 0 25px;
  font-size: 1.1em;
}

#photo p { padding: 12px 10px 10px 0px; line-height: 1.1em; }

#description {
  width: 323px;
  float: left;
  padding: 10px 5px 0 0;
  color: #777;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
}

p#brand {
  padding: 0;
  text-transform: uppercase;
}

h2 {
  color: #005385;
  padding: 0;
  margin: 0;
  font-size: 1.455em;
  font-weight: bold;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

#description h3 {
  color: #005385;
  font-size: 1em;
  padding: 0;
  margin: 0;
}

#description table {
  width: 323px;
  margin: 10px 0;
  line-height: 1.09em;
}

#description th {
  font-weight: bold;
  color: #777;
  text-align: right;
  padding: 0 2px;
}

#description td {
  color: #555;
  text-align: left;
  padding: 0 2px;
}

#description td.text {
  border: solid #ccc;
  border-width: 1px 0;
  padding: 10px 0;
  color: #777;
}

table#more-items {
  width: 518px;
  margin: 5px;
  border-collapse: collapse;
  clear: both;
  font-size: 1.1em;
  color: #777;
}

#more-items th {
  background: #f1f1f1;
  text-align: center;
  padding: 7px 5px;
}

#more-items td {
  text-align: left;
  vertical-align: middle;
  padding: 10px;
  border-bottom: solid 1px #ebebeb;
}

table#more-items td.pricerow { white-space: nowrap; }
table#more-items td.item-descr { text-align: right; }
#more-items td.photo { text-align: center; }
table#more-items td.photo img { display: inline; }
table#more-items td.information { text-align: center; vertical-align: middle; }




/* ========== footer ========== */

#footer {
  width: 748px;
  margin: 0 auto;
  border: solid 1px #005385;
  text-align: center;
  padding: 15px 0;
  color: #555;
  font-size: 1.1em;
  line-height: 1.36em;
}

#footer img { display: inline; }




/* ========== bottombar ========== */

#bottombar {
  width: 750px;
  margin: 0 auto;
  background: #fff url("/images/bottombar-bg.gif") center top no-repeat;
  text-align: center;
  padding: 10px 0 0;
  font-size: 1.1em;
  line-height: 1.36em;
}

#bottombar p { padding: 3px 0 0; }



/* ========== search form ========== */

fieldset#search-form {
  margin: 0;
  padding: 0 0 5px;
  border: 0;
  font-size: 1em;
}

#search-form input {
  border: solid 1px #005385;
  margin: 0;
  font-size: 1em;
}

input#search { width: 139px; padding: 2px 3px; }
input#submit { width: 50px; padding: 1px 3px; background: #005385; color: #fff; }




/* ========== cart ========== */


#purchase {
  background: #eee;
  padding: 10px;
  margin: 6px 0 0;
}

#purchase:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#purchase $price {
  float: left;
  width: 140px;
  line-height: 1em;
}

#purchase p { padding: 3px 0 0; }

span#sum {
  color: #005385;
  font-size: 1.4em;
  font-weight: bold;
}

#cart {
  width: 140px;
  float: right;
  text-align: right;
}

#buy input, #buy textarea {
  border: solid 1px #333;
  margin: 0;
  padding: 1px;
  font-family: "trebuchet ms", arial, sans-serif;
  font-size: 1em;
}

#buy input#addToCart, #buy input#updateCart, input#sendOrder {
  background: #005385;
  color: #fff;
}

input.cartAmount { width: 24px; }
#buy input#itemAmount { width: 24px; }

input, textarea {
  border: solid 1px #333;
  margin: 0;
  padding: 1px;
  font-family: "trebuchet ms", arial, sans-serif;
  font-size: 1em;
}

form#buy {}

form#order { padding: 0; margin: 6px 0; font-size: 1.1em; color: #333; }

form#order input.wide, form#order textarea.wide { width: 504px; margin: 0 0 3px; font-size: 1.1em; }

textarea { height: 100px; }

table#cartReview {
  width: 506px;
  border-collapse: collapse;
  clear: both;
  color: #333;
}

#cartReview th {
  background: #f1f1f1;
  text-align: left;
  padding: 7px 5px;
  line-height: 1em;
  font-weight: normal;
}

#cartReview td {
  text-align: left;
  vertical-align: middle;
  line-height: 1.1em;
  padding: 10px;
  border-bottom: solid 1px #ebebeb;
}

#cartReview img { display: inline; }

#cartReview #updateCart {
  background: #005385;
  color: #fff;
}




/* ========== search ========== */

#search-results {
  float: left;
  width: 528px;
  text-align: left;
}

#search-results:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.search-item {
  float: left;
  width: 110px;
  text-align: center;
  padding: 10px 0 0 0;
  margin: 15px 10px;
  font-size: 1.1em;
  line-height: 1.2em;
}

.search-item img { display: inline; margin-top: 5px; }
.search-item a { text-decoration: none; }
.search-series { text-transform: uppercase; }

.peacemaker { clear: both; }

.search-pages {
  clear: both;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.4em;
  padding: 0 20px;
}

.search-pages b { color: #cd0000; }

h3#query {
  font-size: 1.4em;
  line-height: 1.4em;
  color: #000;
  padding: 0 0 5px;
  text-align: center;
}



/* ========== contacts ========== */

#contacts {
  width: 528px;
  text-align: left;
  font-size: 1.1em;
}

#contacts ul { margin: 0 0 0 40px; list-style: none; }

#contacts h2.dealers {
  font-weight: normal;
  text-transform: none;
  color: #555;
  margin: 40px 5px 10px 5px;
  text-align: center;
  background: #f1f1f1;
  padding: 7px 0;
}


#contacts h2 {
  font-size: 1.3em;
  text-transform: uppercase;
  padding: 3px 5px;
  background: #eee;
  margin: 15px 5px 5px;
  color: #005385;
}

#busstop1 {
  border-top: solid 1px #ddd;
  background: #fff url("/images/spb-map-no1.gif") left center no-repeat;
  padding: 3px 0 5px 30px;
}

#busstop2 {
  background: #fff url("/images/spb-map-no2.gif") left center no-repeat;
  padding: 0 0 5px 30px;
  border-bottom: solid 1px #ddd;
  margin: 0 0 10px 0;
}

#employees {
  float: left;
  width: 518px;
  margin-left: 10px;
  text-align: left;
}

#employees:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#employees .photo {
  width: 240px;
  float: left;
  font-size: 1.1em;
  margin: 10px 5px 5px;
}

#employees .photo:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#employees .photo img {
  float: left;
  border: solid 1px #005385;
  margin: 0 5px 0 0;
}

.person-info {
  float: left;
  width: 155px;
}