@import url("../../../../../website_2009/default.css");

#header #jumpmenu li {
  height: 18px;
}
  
#header #jumpmenu .text {
  padding-top: 2px;
  height: 16px;
}
*html #header #jumpmenu .text { height: 12px; }

#content {
  color: #cbcbcb;
}

#content #middle {
  padding: 0;
  background: url(images/bg_content_middle.png) repeat-y top center #3d3d3d;
}

#content #left,
#footer #left {
  float: left;
  width: 229px;
  padding: 0 10px 0 9px;
}

*html #content #left { width: 239px; }
*html #footer #left { width: 239px; }

#content #center,
#footer #center {
  float: left;
  width: 480px;
  padding: 0 10px;
}

*html #content #center { width: 500px; }
*html #footer #center { width: 500px; }

#content #right,
#footer #right {
  float: right;
  width: 229px;
  padding: 0 10px 0 9px;
}

*html #content #right { width: 249px; }
*html #footer #right { width: 249px; }

#content form {
  margin: 0;
  padding: 0;
}

#content td {
  font-size: 11px;
}

#content a {
  color: #318cd8;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#content .link_large {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #cbcbcb;
  padding: 0 0 5px 20px;
  background: url(images/link_arrow_large.png) no-repeat 0 2px;
}

#content .separator {
  border-bottom: dotted 1px #585858;
  font-size: 0;
}

#content p {
  margin: 5px 0;
}

#content h2 {
  margin: 5px 0;
  font-size: 13px;
  color: #318cd8;
  border-bottom: dotted 1px #318cd8;
}

#content h3 {
  margin: 5px 0;
  font-size: 12px;
}

/*------------------------------- buttons ------------------------------------*/
.button_small,
.button {
  display: block;
  height: 20px;
  margin-top: 10px;
  padding: 0 0 0 17px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

.button_small {
  width: 93px;
}

*html .button_small { width: 110px; }

.button_large {
  width: 213px;
}

*html .button_large { width: 230px; }

.button_small:hover span {
  text-decoration: none;
}

.button_small span,
.button span {
  display: block;
  height: 16px;
  text-align: left;
  color: #fff;
  padding: 2px 8px 2px 0;
}

*html .button span { height: 20px; padding-bottom: 3px; }
*html .button_small span { height: 20px; padding-bottom: 3px; }

.button_mini {
  width: 1px;
  padding-left: 15px;
}

.button_mini span {
  width: 5px;
  height: 20px;
  padding: 0;
  font-size: 1px;
}

.button_blue {
  background: url(images/button_blue_left.gif) no-repeat top left;
}

.button_blue span {
  background: url(images/button_blue_right.gif) no-repeat top right;
}

/*------------------------------- content ------------------------------------*/

#content .description {
  margin: 10px 0;
  line-height: 15px;
}

#content .description hr {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: dotted 1px #585858;
}

#content ul {
  margin: 0 0 0 5px;
  padding: 0 0 0 8px;
  list-style: none;
  list-style-image: url(images/list_bullet_blue.png);
}

#content .listrow td {
  padding: 3px;
}

#content .list td {
  padding: 3px;
}

#content .list .subhead td {
  padding-top: 10px;
  font-weight: bold;
  color: #318cd8;
}

#content .error {
  color: #f00;
}

#content .error td,
#content .error_box {
  padding: 3px;
  background: #f73939;
  color: #fff;
}

#content textarea,
#content input {
  background: #dedede;
}

/*-------------------------------- footer ------------------------------------*/
#content #footer #content {
  margin: 0;
  padding: 6px 0 0 0;
  border-top: solid 1px #808080;
  border-left: solid 1px #808080;
  border-right: solid 1px #808080;
  background: #656464;
}

#content #footer #bottom .corner_left {
  width: 6px;
  height: 6px;
  background: url(images/bg_footer_corner_ul.png) no-repeat;
}

#content #footer #bottom .corner_right {
  width: 6px;
  height: 6px;
  background: url(images/bg_footer_corner_ur.png) no-repeat;
}

#content #footer #bottom {
  height: 6px;
  background: url(images/bg_footer_bottom.png) repeat-x;
}

#content #footer #spacer {
  height: 10px;
  border-left: solid 1px #575757;
  border-right: solid 1px #575757;
  background: #3d3d3d;
}

/*--------------------------- payment methods --------------------------------*/
.pm {
  float: left;
  height: 30px;
  margin-right: 10px;
  font-size: 0;
}

#pm_visa {
  width: 47px;
  background: url(images/icon_pm_visa.png) no-repeat;
}

#pm_mastercard {
  width: 48px;
  background: url(images/icon_pm_mastercard.png) no-repeat;
}

#pm_giropay {
  width: 69px;
  background: url(images/icon_pm_giropay.png) no-repeat;
}

#pm_eurocheque {
  width: 21px;
  background: url(images/icon_pm_eurocheque.png) no-repeat;
}

#pm_paypal {
  width: 75px;
  background: url(images/icon_pm_paypal.png) no-repeat;
}

#pm_moneybookers {
  width: 54px;
  background: url(images/icon_pm_moneybookers.png) no-repeat;
}

#pm_moneytransfer {
  width: 64px;
  background: url(images/icon_pm_moneytransfer.png) no-repeat;
}

/*-------------------------------- boxes -------------------------------------*/
#content .heading {
  margin: 0 0 10px 0;
  padding: 0 0 0 8px;
  background: url('images/bg_box_heading_left.png') top left no-repeat;
}

#content .heading span,
#content .heading a {
  display: block;
  padding: 0 8px 0 0;
  background: url('images/bg_box_heading_right.png') top right no-repeat;
}

#content .heading span span,
#content .heading a span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 23px;
  color: #ff8518;
  background: url('images/bg_box_heading_middle.png') top left repeat-x;
}

#content .heading a:hover {
  text-decoration: none;
}

#content #left .separator,
#content #right .separator {
  height: 20px;
  margin: 0;
  border-bottom: 0;
}

#content #left .list_left {
  padding: 3px 2px 3px 8px;
  border-bottom: solid 1px #3d3d3d;
}

#content #left .list_right {
  padding: 3px 8px 3px 2px;
  border-bottom: solid 1px #3d3d3d;
}

#content #left a {
  color: #fff;
}

#content .even {
  background: #545454;
}

#content .odd {
  background: #676767;
}

#content .box .top {
  height: 5px;
  background: url('images/bg_box_top.png');
}

#content .box .top .corner_left {
  width: 5px;
  height: 5px;
  background: url('images/bg_box_corner_ol.png');
}

#content .box .top .corner_right {
  width: 5px;
  height: 5px;
  background: url('images/bg_box_corner_or.png');
}

#content .box .middle {
  background: #474747;
  border-left: solid 1px #686868;
  border-right: solid 1px #686868;
  padding: 5px 10px;
}

#content .box .bottom {
  height: 5px;
  background: url('images/bg_box_bottom.png');
}

#content .box .bottom .corner_left {
  width: 5px;
  height: 5px;
  background: url('images/bg_box_corner_ul.png');
}

#content .box .bottom .corner_right {
  width: 5px;
  height: 5px;
  background: url('images/bg_box_corner_ur.png');
}

/*--------------------------------- images -----------------------------------*/
#content .image .top {
  height: 5px;
  background: url('images/bg_product_image_bg_top.png');
}

#content .image .top .corner_left {
  width: 5px;
  height: 5px;
  background: url('images/bg_product_image_bg_corner_ol.png');
}

#content .image .top .corner_right {
  width: 5px;
  height: 5px;
  background: url('images/bg_product_image_bg_corner_or.png');
}

#content .image .middle {
  height: 110px;
  background: #fff;
  border-left: solid 1px #888888;
  border-right: solid 1px #888888;
  text-align: center;
}

#content .image .bottom {
  height: 5px;
  background: url('images/bg_product_image_bg_bottom.png');
}

#content .image .bottom .corner_left {
  width: 5px;
  height: 5px;
  background: url('images/bg_product_image_bg_corner_ul.png');
}

#content .image .bottom .corner_right {
  width: 5px;
  height: 5px;
  background: url('images/bg_product_image_bg_corner_ur.png');
}

/*------------------------------- categories ---------------------------------*/
#content .category {
  float: left;
  margin-bottom: 20px;
}

#content .category .image {
  width: 230px;
}

#content .category .image .middle {
  height: 110px;
}

#content .category .label {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background: #fff;
  border-left: solid 1px #888888;
  border-right: solid 1px #888888;
  text-align: center;
}


/*------------------------------ product list --------------------------------*/
#content .product_list tr {
  background: none;
}

#content .product_list .image {
  width: 110px;
  padding: 0 10px 0 0;
}
*html #content .product_list .image { width: 120px; }

#content .product_list .image .available {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #16bf46;
}

#content .product_list h3 a {
  color: #dfdfdf;
  text-decoration: none;
}

#content .price {
  text-align: right;
}

#content .price .info {
  float: right;
}

#content .price .info .listprice {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #ff8518;
}

#content .price .info .salesprice {
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  color: #989898;
}

#content .product_list .available {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #16bf46;
}

#content .product_list .out {
  color: #f00;
}

#content .price .buynow,
#content .pricebox .buynow_small {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  margin: 0 0 0 5px;
  background: url(images/button_buynow_product_list.png) no-repeat;
  font-size: 0;
}

#content .out_of_stock {
  font-weight: bold;
  color: #f00;
}

/*--------------------------------- product ----------------------------------*/
#content .product_image {
  float: left;
  width: 230px;
  margin: 0 20px 10px 0;
}

#content .product_image .middle {
  height: 200px;
}

#content .pricebox {
  float: right;
  width: 230px;
}

#content .pricebox .discounts {
  height: 160px;
  overflow: auto;
}

#content .pricebox .discounts td {
  padding: 3px;
}

#content .pricebox .discounts .heading {
  background: none;
  font-weight: bold;
  color: #ff8518;
}

#content .pricebox .spacer {
  font-size: 1;
  background: #585858;
}

#content .pricebox .discounts .number {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}

#content .pricebox .discounts .sales_price {
  font-size: 12px;
  color: #ff8518;
}

#content .pricebox .discounts .list_price {
  font-size: 10px;
  color: #989898;
}

#content .pricebox .buynow {
  width: 55px;
  padding: 3px 0 0 5px;
  text-align: left;
  background: url(images/button_buynow_product.png) no-repeat;
}
*html #content .pricebox .buynow { width: 60px; padding: 4px 0 0 0; }

#content .pricebox .buynow input {
  float: left;
  text-align: right;
  width: 25px;
}

#content .pricebox .buynow a {
  float: left;
  display: block;
  width: 28px;
  height: 25px;
  text-decoration: none;
}

/*------------------------------- cartbox ------------------------------------*/
#cartbox .number {
  width: 12px;
  padding: 2px 2px 2px 8px;
  text-align: right;
}

#cartbox .mult {
  padding: 2px;
}

#cartbox .description {
  padding: 2px 8px 2px 2px;
}

#cartbox .description a {
  color: #fff;
}

#cartbox .spacer {
  font-size: 1;
  background: #999;
}

#cartbox .sum {
  padding: 2px 8px;
  font-weight: bold;
}

/*---------------------------- shopping cart ---------------------------------*/
#content .cart_price .info {
  padding-top: 3px;
}

#content .cart_price .item_number {
  display: block;
  float: right;
  width: 52px;
  height: 30px;
  margin: 0 0 0 5px;
  font-size: 12px;
}

#content .cart_price input {
  text-align: right;
  width: 25px;
}

#checkout_status {
  margin-bottom: 5px;
}

#checkout_status #bar {
  height: 20px;
  background: url(images/bar_checkout_progress.png) 0 6px no-repeat;
}

#checkout_status #bar #start {
  float: left;
  height: 20px;
  width: 6px;
  background: url(images/bar_checkout_active_left.png) 0 6px no-repeat;
}

#checkout_status #bar #current {
  float: left;
  height: 20px;
  width: 6px;
  background: url(images/bar_checkout_active_current.png) 0 6px repeat-x;
}

#checkout_status #bar #icon {
  float: left;
  height: 20px;
  width: 20px;
  background: url(images/checkout_status_basket.png) no-repeat;
}

#checkout_status .label {
  width: 115px;
  padding-top: 4px;
  text-align: center;
  color: #7c7c7c;
}

#checkout_status .current,
#checkout_status a {
  color: ff912e;
}

/*----------------------------- form elements --------------------------------*/
#content form label {
  display:block;
  float: left;
  padding-top: 4px;
}

/*------------------------------- index new ----------------------------------*/
#content .label_new {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  border-bottom: dotted 1px #999;
}

#content .label_new a {
  color: #666;
}

/*--------------------------------- rating -----------------------------------*/
.rating_0 {
  padding-left: 90px;
  font-size: 12px;
  background: url(images/bg_gr_review_rating_0.png) top left no-repeat;
}

.rating_1 {
  padding-left: 90px;
  font-size: 12px;
  background: url(images/bg_gr_review_rating_1.png) top left no-repeat;
}

.rating_2 {
  padding-left: 90px;
  font-size: 12px;
  background: url(images/bg_gr_review_rating_2.png) top left no-repeat;
}

.rating_3 {
  padding-left: 90px;
  font-size: 12px;
  background: url(images/bg_gr_review_rating_3.png) top left no-repeat;
}

.rating_4 {
  padding-left: 90px;
  font-size: 12px;
  background: url(images/bg_gr_review_rating_4.png) top left no-repeat;
}

.rating_5 {
  padding-left: 90px;
  font-size: 12px;
  background: url(images/bg_gr_review_rating_5.png) top left no-repeat;
}

.white .rating_0 {
  background: url(images/bg_w_review_rating_0.png) top left no-repeat;
}

.white .rating_1 {
  background: url(images/bg_w_review_rating_1.png) top left no-repeat;
}

.white .rating_2 {
  background: url(images/bg_w_review_rating_2.png) top left no-repeat;
}

.white .rating_3 {
  background: url(images/bg_w_review_rating_3.png) top left no-repeat;
}

.white .rating_4 {
  background: url(images/bg_w_review_rating_4.png) top left no-repeat;
}

.white .rating_5 {
  background: url(images/bg_w_review_rating_5.png) top left no-repeat;
}

#content #left .rating_info {
  padding-bottom: 4px;
  border-bottom: dotted 1px #666;
}

#content #left .rating_info a {
  color: #666;
  text-decoration: none;
}

#content #left .rating_info a:hover {
  text-decoration: underline;
}


/*----------------------------- page navigation ------------------------------*/
.page_navigation_info {
  float: left;
}

.page_navigation {
  float: right;
}

.page_navigation .current {
  padding: 0 2px;
  margin-left: 4px;
  color: #fff;
  border: solid 1px #46a3f1;
  background: #2672b0;
}

*html .page_navigation .current { line-height: 16px; }

#content .page_navigation .jump_to {
  padding: 0 2px;
  margin-left: 4px;
  color: #fff;
  border: solid 1px #888888;
  background: #5b5b5b;
}