* { margin: 0; padding: 0; }
ol, ul, li { list-style: none; }
a img { border: none; }

.hideme { display: none; }

body {
  background: #2C251F url(../img/page-bg.jpg) repeat-x 0 0;
  color: white;
  text-align: center;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 76%;
}

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 850px;
  background: #F7F0EA;
  color: black;
  padding-bottom: 1px;
  overflow: hidden;
}

#header {
  height: 284px;
  background: #000 url(../img/header-all.jpg) no-repeat 0 0;
  position: relative;
  overflow: hidden;
}

#header #login-btn {
  position: absolute;
  left: 680px; top: 44px;
  width: 170px; height: 45px;
  overflow: hidden;
  background: url(../img/user-buttons.gif) no-repeat 0 0;
  display: block;
  text-indent: -9999px;
}

#header #login-btn:focus, #header #login-btn:hover {
  background-position: -170px 0px;
}

#header #myaccount-btn {
  position: absolute;
  left: 680px; top: 44px;
  width: 170px; height: 45px;
  overflow: hidden;
  background: url(../img/user-buttons.gif) no-repeat 0 -45px;
  display: block;
  text-indent: -9999px;
}

#header #myaccount-btn:focus, #header #myaccount-btn:hover {
  background-position: -170px -45px;
}

#header #basket-summary {
  position: absolute;
  left: 0; top: 234px;
  /*width: 180px; height: 50px;*/
  width: 130px; height: 30px;
  font-size: 110%;
  padding: 10px 5px 10px 45px;
}

#header #basket-summary h2 {
  color: white;
  font-size: 100%;
  margin: 0; padding: 0;
  background: transparent;
  text-transform: none;
}

#header #basket-summary p {
  color: #2E1A13;
  font-size: 100%;
  margin: 0; padding: 0;
  background: transparent;
  font-weight: bold;
}

#header #basket-summary a.more-info {
  position: absolute;
  left: 0; top: 0; width: 180px; height: 50px;
  display: block;
  text-indent: -9999px;
}

#header ul#main-menu {
  position: absolute;
  left: 180px; top: 234px;
  width: 670px; height: 80px;
  overflow: hidden;
  background: url(../img/main-menu.gif) no-repeat 0 0;
}

#header ul#main-menu li {
  display: block;
  position: absolute;
  top: 0;
  height: 80px;
  text-align: center;
  background: url(../img/main-menu.gif) no-repeat 0 0px;
}

#header ul#main-menu li.products   a { left:   0px; width: 108px; background-position:   -0px 0px; }
#header ul#main-menu li.special    a { left: 108px; width: 170px; background-position: -108px 0px; }
#header ul#main-menu li.search     a { left: 278px; width: 179px; background-position: -278px 0px; }
#header ul#main-menu li.contact-us a { left: 457px; width: 137px; background-position: -457px 0px; }
#header ul#main-menu li.info       a { left: 594px; width:  76px; background-position: -594px 0px; }
                                                                                  
#header ul#main-menu li a {
  display: block;
  position: absolute;
  left: 0; top: 0; height: 80px;
  text-indent: -9999px;
  background: url(../img/main-menu.png) no-repeat 0 -0px;
}

#header ul#main-menu li.products   a { width: 108px; background-position:   -0px 0px; }
#header ul#main-menu li.special    a { width: 170px; background-position: -108px 0px; }
#header ul#main-menu li.search     a { width: 179px; background-position: -278px 0px; }
#header ul#main-menu li.contact-us a { width: 137px; background-position: -457px 0px; }
#header ul#main-menu li.info       a { width:  76px; background-position: -594px 0px; }
                                   
#header ul#main-menu li.products   a:focus { width: 108px; background-position:   -0px -50px; }
#header ul#main-menu li.special    a:focus { width: 170px; background-position: -108px -50px; }
#header ul#main-menu li.search     a:focus { width: 179px; background-position: -278px -50px; }
#header ul#main-menu li.contact-us a:focus { width: 137px; background-position: -457px -50px; }
#header ul#main-menu li.info       a:focus { width:  76px; background-position: -594px -50px; }

#header ul#main-menu li.products   a:hover { width: 108px; background-position:   -0px -50px; }
#header ul#main-menu li.special    a:hover { width: 170px; background-position: -108px -50px; }
#header ul#main-menu li.search     a:hover { width: 179px; background-position: -278px -50px; }
#header ul#main-menu li.contact-us a:hover { width: 137px; background-position: -457px -50px; }
#header ul#main-menu li.info       a:hover { width:  76px; background-position: -594px -50px; }
                                                                       

#footer {
  margin: 0 auto;
  width: 850px;
  background: transparent;
  color: white;
  
  overflow: hidden;
  text-align: center;
  padding: 10px;
}

#footer .buttons {
  float: left;
}

#footer .copyright {
  text-align: center;
}

#content {
  margin: 7px 6px;
  background: #E4DDD5 url(../img/overhang.gif) no-repeat top right;
  padding: 6px;
}

#flashMessage {
  margin: 7px 6px;
  padding: 8px;
  background: white;/*#E4DDD5;*/
  color: #F45801;
  padding-left: 48px;
  background: white url(../img/flash-icon.gif) no-repeat 4px 4px;
  min-height: 24px;
  border: 4px solid #F45801;
}

h1 {
  color: #F45901;
  font-size: 150%;
  margin-bottom: 10px;
  padding: 11px;
  text-transform: uppercase;
}

h2 {
  background: #D4CAC5;
  padding: 11px;
  color: #131313;
  margin-bottom: 10px;
  font-size: 130%;
  text-transform: uppercase;
}

h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

p {
  margin-bottom: 10px;
}

/* --------------------------- */

ul.subcategories {
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: -5px;
}

ul.subcategories li {
  float: left;
  width: 145px;
  height: 64px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: url(../img/subcat-item-bg.gif) no-repeat 0 0;
  position: relative;
  padding: 8px;
}

ul.subcategories li a {
  position: absolute;
  left: 0; top: 0;
  width: 145px;
  height: 64px;
  padding: 8px;
  display: block; text-align: center;
  background: url(../img/subcat-item-bg.gif) no-repeat 0 0;
}

ul.subcategories li a:hover {
  background-image: url(../img/subcat-item-border.gif);
}

ul.products {
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: -5px;
}

ul.products li {
  display: block;
  float: left;
  width: 400px;
  background: white;
  padding: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  position: relative;
}

/*
ul.products li .tl {
  position: absolute; left: 0; top: 0; width: 16px; height: 16px; overflow: hidden;
  background: url(../img/productlist-item-tl.gif) no-repeat 0 0;
}

ul.products li .tr {
  position: absolute; left: 100%; margin-left: -16px; top: 0; width: 16px; height: 16px; overflow: hidden;
  background: url(../img/productlist-item-tr.gif) no-repeat 0 0;
}
*/

ul.products li h3 {
  background: #D4CAC5;
  color: #2C251F;
  padding: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 140%;
}

ul.products li .image-holder {
  float: left;
  width: 80px;
  margin-right: 10px;
  padding-bottom: 4px
}

ul.products li .description {
  float: left;
  width: 305px;
  padding-bottom: 4px;
  position: relative;
}

ul.products li table.specs th {
  padding-right: 5px;
}

ul.products li .price {
  clear: left;
  border: 2px solid #D4CAC5;
  /*background: #ffffff;*/
  padding: 8px;
  position: relative;
  margin-top: 1px;
}

ul.products li .price del {
  text-decoration: line-through;
  color: red;
  margin-right: 1ex;
}

ul.products li .price del span {
  color: black;
}

ul.products li .price b.tl, ul.products li .price b.tr, ul.products li .price b.bl, ul.products li .price b.br {
  position: absolute; width: 10px; height: 10px; background: url(../img/product-price-corners.gif) no-repeat 0 0;
}

ul.products li .price b.tl { left: -2px; top: -2px; background-position: 0 0; }
ul.products li .price b.tr { left: 100%; top: -2px; margin-left: -8px; background-position: -10px 0; }
ul.products li .price b.bl { left: -2px; top: 100%; margin-top: -8px; background-position: 0 -10px; }
ul.products li .price b.br { left: 100%; top: 100%; margin-left: -8px; margin-top: -8px; background-position: -10px -10px; }

ul.products li .price table {
  width: 100%;
}

ul.products li .price td.first {
}

ul.products li .price td.last {
  text-align: right;
}

form.buynow {
  display: block;
  text-align: center;
}

form.buynow label {
  display: inline;
}

form.buynow input {
  display: inline;
}

form.buynow a.fakebutton {
  display: block;
  width: 100px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/buy-now-button.gif) no-repeat 0 0;
  margin: 5px auto;
}

form.buynow a.fakebutton:focus  { background-position: 0 -40px; }
form.buynow a.fakebutton:hover  { background-position: 0 -40px; }
form.buynow a.fakebutton:active { background-position: 0 -80px; }

/* ---------------------------- */

div.filter {
  background: #D4CAC5;
  padding: 11px;
  color: #131313;
  margin-bottom: 10px;
  text-transform: uppercase;
}

div.filter h2 {
  padding: 5px 5px 5px 0px;
}

ul.brands {
  overflow: hidden;
  background: #D4CAC5;
}

ul.brands li {
  display: block;
  float: left;
  background: white;
  margin: 5px;
  position: relative;
}

ul.brands li a {
  display: block;
  float: left;
  padding: 10px;
  overflow: hidden;
  width: 100px;
  height: 30px;
  background: url(../img/brand-item-box.gif) no-repeat 0 0;
  color: #F45901;
  text-align: center;
  line-height: 30px;
}

ul.brands li.selected a { background-position: 0 -50px; }
ul.brands li a:focus { background-position: 0 -50px; }
ul.brands li a:hover { background-position: 0 -50px; }

ul.brands li label {
  display: block;
  float: left;
  padding: 5px;
  overflow: hidden;
  width: 100px;
  height: 30px;
  background: white;
  color: #F45901;
  text-align: center;
  line-height: 30px;
}

/*
ul.brands li b.tl {
  position: absolute;
  left: 0; top: 0; width: 5px; height: 5px;
  background: url(../img/brand-corners.gif) no-repeat 0 0;
}

ul.brands li b.tr {
  position: absolute;
  left: 100%; top: 0; width: 5px; height: 5px; margin-left: -5px;
  background: url(../img/brand-corners.gif) no-repeat -5px 0;
}

ul.brands li b.bl {
  position: absolute; display: block;
  left: 0; top: 100%; width: 5px; height: 5px; margin-top: -5px;
  background: url(../img/brand-corners.gif) no-repeat 0 -5px;
}

ul.brands li b.br {
  position: absolute;
  left: 100%; top: 100%; width: 5px; height: 5px; margin-left: -5px; margin-top: -5px;
  background: url(../img/brand-corners.gif) no-repeat -5px -5px;
}

ul.brands li.selected {
  border: 2px solid #F45901;
  padding: 3px;
}

ul.brands li.selected b.tl {
  position: absolute;
  left: -2px; top: -2px; width: 5px; height: 5px;
  background: url(../img/brand-sel-corners.gif) no-repeat 0 0;
}

ul.brands li.selected b.tr {
  position: absolute;
  left: 100%; top: -2px; width: 5px; height: 5px; margin-left: -3px;
  background: url(../img/brand-sel-corners.gif) no-repeat -5px 0;
}

ul.brands li.selected b.bl {
  position: absolute;
  left: -2px; top: 100%; width: 5px; height: 5px; margin-top: -3px;
  background: url(../img/brand-sel-corners.gif) no-repeat 0 -5px;
}

ul.brands li.selected b.br {
  position: absolute;
  left: 100%; top: 100%; width: 5px; height: 5px; margin-left: -3px; margin-top: -3px;
  background: url(../img/brand-sel-corners.gif) no-repeat -5px -5px;
}
*/

/* ---------------------------- */

table.grid {
  width: 100%;
  border-collapse: collapse;
}

table.grid th, table.grid td {
  padding: 5px;
}

table.grid thead tr th {
  padding: 5px;
  background: #331811;
  color: #F45901;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 3px solid #E4DDD5;
}

table.grid tbody tr td {
  background: white;
  border-bottom: 3px solid #E4DDD5;
  border-left: 1px solid #F7F0EA;
  padding-left: 4px;
}

table.grid tfoot tr td {
  padding: 5px;
  background: #331811;
  color: #F45901;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 3px solid #E4DDD5;
}

table.grid .col-qty     { text-align: center; }
table.grid .col-price   { text-align: center; }
table.grid .col-total   { text-align: center; }
table.grid .col-options { text-align: center; }

table.grid td.col-qty a.minus { float: left; margin-top: -16px; }
table.grid td.col-qty a.plus  { float: right; margin-top: -16px; }

table.grid thead th a:link    { text-decoration: none; color: #F45901; }
table.grid thead th a:visited { text-decoration: none; color: #F45901; }
table.grid thead th a:focus   { text-decoration: underline; color: #F45901; }
table.grid thead th a:hover   { text-decoration: underline; color: #F45901; }
table.grid thead th a:active  { text-decoration: underline; color: #F45901; }

table.grid td.col-price {
  text-align: right;
}

table.grid td.col-weight {
  text-align: right;
}

/* --------------------------------------- */

fieldset {
	border: 0px solid #ccc;
	margin-top: 10px;
	padding: 16px 20px;
}
fieldset legend {
	/*color: #f93;
	font-size: 100%;
	font-weight: bold;
	*/
	margin-left: -20px;
}
form div {
  vertical-align: text-top;
  font-size: 14px;
}

form div.date {
  margin-left: 0em;
}

label {
  display: block;
  padding-bottom: 5px;
}

label.checkbox, .checkbox label {
  float: left;
  clear: right;
  margin: 1px 0 5px 10px;
}

input[type=checkbox], input[type=radio] {
  float: left;
  clear: left;
  margin: 2px 3px 7px 2px;
}

input,textarea {
  clear: both;
  display: block;
  font-size: 14px;
}

.txt {
  width: 100%;
}

select {
  clear: both;
  vertical-align: text-top;
  font-size: 14px;
  margin: 0 4px;
}
option {
  padding: 0 4px;
}

input[type=submit] {
  display: inline;
  vertical-align: bottom;
  font-size: 14px;
  padding: 0 2px;
}

form .required, form .optional, form .input {
  clear: both;
  padding: 10px 15px 10px 10px;
  margin-bottom: 10px;
  /*margin-right: 260px;*/
  min-height: 15px;
}

form {
  overflow: hidden;
  margin-right: -5px;
}
form .required, form .optional {
  margin-right: 5px;
  clear: both;
  float: none;
}

.optional, .input {
  color: #666;
  background: #f6f6f6;
}
.required {
  color: #222;
  font-weight: bold;
  background: #F7F0EA;
}

.submit {
  clear: both;
  margin-top: 8px;
/*  margin-left: 80px; */
  overflow: auto;
}

form .error-message {
  font-weight: bold;
  padding-left: 20px;
  background: url(../img/form-error.gif) no-repeat 0 0;
  color: #F45901;
}

form .help {
  font-weight: normal;
  font-size: 90%;
  font-style: italic;
  margin-top: 5px;
}

form .help code, form .help pre {
  font-style: normal;
  background: white;
  color: black;
}

/* ----------------------------- */

.two-cols {
  overflow: hidden;
  position: relative;
  margin-right: -5px;
}

.two-cols .col {
  float: left;
  width: 49%;
  margin-right: 5px;
}

/* ------------------- */

dt { font-weight: bold; }
dd { padding-left: 1em; margin-bottom: 5px; }

/* -------------------------------- */

.page-switcher {
  background: #D4CAC5;
  padding: 6px 11px;
  color: #131313;
  margin-bottom: 10px;
  text-align: right;
}

/* ---------------------- */

ul.piped {
  overflow: hidden;
}

ul.piped li {
  display: inline;
  padding: 0 5px;
  border-left: 1px solid black;
  margin-left: -1px;
}

ul.piped li a {
  display: inline;
  padding: 2px 5px;
}

/* -------------------------- */

.pagebullet {
  padding-left: 40px;
  background: url(../img/bullet-battery.gif) no-repeat 0 0;
}

ul.bigbullets li {
  padding-left: 40px;
  background: url(../img/bullet-battery.gif) no-repeat 0 0;
  min-height: 20px;
}

.vcard {
  line-height: 150%;
}

.vcard .adr {
  margin-bottom: 10px;
}

.vcard .country-name {
  display: none;
}

/* ---------------------------- */

.checkout-button-holder {
  overflow: hidden;
}

a.checkout-button {
  float: right;
  display: block;
  width: 100px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/checkout-button.gif) no-repeat 0 0;
  margin: 5px auto;
}

a.checkout-button:focus  { background-position: 0 -40px; }
a.checkout-button:hover  { background-position: 0 -40px; }
a.checkout-button:active { background-position: 0 -80px; }

a.login-button {
  display: block;
  width: 100px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/login-button.gif) no-repeat 0 0;
}

a.login-button:focus  { background-position: 0 -40px; }
a.login-button:hover  { background-position: 0 -40px; }
a.login-button:active { background-position: 0 -80px; }

a.register-button {
  display: block;
  width: 100px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/register-button.gif) no-repeat 0 0;
}

a.register-button:focus  { background-position: 0 -40px; }
a.register-button:hover  { background-position: 0 -40px; }
a.register-button:active { background-position: 0 -80px; }

/* ------------------------------- */

#about-menu {
  position: relative;
  height: 160px;
  margin-bottom: 10px;
}

#about-menu li {
  position: absolute;
  width: 161px; height: 160px; overflow: hidden;
}

#about-menu li a {
  position: absolute;
  left: 0; top: 0;
  width: 161px; height: 160px; overflow: hidden;
  background: url(../img/about-menu.png) no-repeat 0 0;
  text-indent: -9999px;
}

#about-menu li.item1           { left: 0px; }
#about-menu li.item1 a:link    { background-position: 0px 0px; }
#about-menu li.item1 a:visited { background-position: 0px 0px; }
#about-menu li.item1 a:focus   { background-position: 0px -160px; }
#about-menu li.item1 a:hover   { background-position: 0px -160px; }
#about-menu li.item1 a:active  { background-position: 0px -160px; }

#about-menu li.item2           { left: 166px; }
#about-menu li.item2 a:link    { background-position: -166px 0px; }
#about-menu li.item2 a:visited { background-position: -166px 0px; }
#about-menu li.item2 a:focus   { background-position: -166px -160px; }
#about-menu li.item2 a:hover   { background-position: -166px -160px; }
#about-menu li.item2 a:active  { background-position: -166px -160px; }

#about-menu li.item3           { left: 332px; }
#about-menu li.item3 a:link    { background-position: -332px 0px; }
#about-menu li.item3 a:visited { background-position: -332px 0px; }
#about-menu li.item3 a:focus   { background-position: -332px -160px; }
#about-menu li.item3 a:hover   { background-position: -332px -160px; }
#about-menu li.item3 a:active  { background-position: -332px -160px; }

#about-menu li.item4           { left: 498px; }
#about-menu li.item4 a:link    { background-position: -498px 0px; }
#about-menu li.item4 a:visited { background-position: -498px 0px; }
#about-menu li.item4 a:focus   { background-position: -498px -160px; }
#about-menu li.item4 a:hover   { background-position: -498px -160px; }
#about-menu li.item4 a:active  { background-position: -498px -160px; }

#about-menu li.item5           { left: 664px; }
#about-menu li.item5 a:link    { background-position: -664px 0px; }
#about-menu li.item5 a:visited { background-position: -664px 0px; }
#about-menu li.item5 a:focus   { background-position: -664px -160px; }
#about-menu li.item5 a:hover   { background-position: -664px -160px; }
#about-menu li.item5 a:active  { background-position: -664px -160px; }