/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* Defaults */
*, html {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
}

body {
	background-color: #ffffff;
	color: #525252;
}

body.popup {
	margin: 0px;
	padding: 0px;
	width: 95%;
}

div { text-align: justify; }

a {
	color: #808284;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

input, select, textarea {
	border: 1px solid #848484;
	padding: 2px;
	color: #606060;
}
input.button {
	padding: 0px 10px;
	border: 3px outset #848484;
}
textarea { width: 100%; }

small {
	font-style: italic;
	font-size: 9px;
}

h1 {
	font-size: 24px;
	font-weight: bold;
}
h2 { font-weight: bold; }

hr {
	height: 2px;
	border: 1px solid #f0f0f0;
	border-top: 1px dotted #808284;
}

dt { font-weight: bold; }
dd { margin-left: 15px; }

ul, ol, dl, li, dd, dt { text-align: left; }
ul, ol, li { list-style-position: inside; }

blockquote {
	margin-left: 5px;
	border-left: 3px solid #b4b5b6;
	padding-left: 5px;
}

/* Basics */
.floatR { float: right; }
.floatL { float: left; }

.percent100 { width: 100%; }

.spacer {
	margin: 0px;
	padding: 0px;
	display: block;
}

/* Wrong Shop */
.wrongShop {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: url("images/message_info.gif") no-repeat left #ffffe1;
	color: #000;
	width: 100%;
	margin: 0;
	display: block;
	border-bottom: 1px solid #808080;
}
.wrongShopOver {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: url("images/message_info_hover.gif") no-repeat left #0a246a;
	color: #fff;
	width: 100%;
	margin: 0;
	display: block;
	border-bottom: 1px solid #808080;
}
.wrongShopContent {
	padding: 5px 5px 5px 25px;
}
.wrongShopHide { display: none; }
.wrongShop img, .wrongShopOver img {
	float: right;
	cursor: pointer;
}
.wrongShop a {
	font-weight: bold;
	color: #000;
}
.wrongShopOver a {
	font-weight: bold;
	color: #fff;
}

/* Layout */
#page {
	position: relative;
	width: 875px;
	margin-left: auto;
	margin-right: auto;
}

/* Header */
#header {
	width: 875px;
	height: 115px;
	margin-top: 5px;
	border-right: 1px solid #e8e9ea;
	border-left: 1px solid #e8e9ea;
}
#headerMenu {
	float: right;
	color: #808284;
	margin-right: 40px;
}
#headerMenu a {
	color: #808284;
	text-decoration: underline;
}
#headerMenu a:hover {
	color: #808284;
}

#headerLogo {
	margin-left: 50px;
	margin-top: 15px;
}

#headerLang {
	float: left;
	margin-top: 25px;
}
#headerLang .headerLangImg {
	float: left;
	display: block;
	height: 15px;
	background-color: #f0f0f0;
	border: 1px solid #e8e9ea;
	margin-right: 3px;
	padding: 3px;
}
#headerLang .headerLangCapL {
	float: left;
	width: 47px;
	height: 15px;
	display: block;
	background-color: #f0f0f0;
	border-right: 1px solid #e8e9ea;
	border-top: 1px solid #e8e9ea;
	border-bottom: 1px solid #e8e9ea;
	margin-right: 3px;
	padding: 3px 0px 3px 0px;
}
#headerLang .headerLangCapR {
	float: left;
	width: 5px;
	height: 15px;
	display: block;
	background-color: #f0f0f0;
	border: 1px solid #e8e9ea;
	margin-right: 3px;
	padding: 3px 0px 3px 0px;
}

/* Mainmenu */
#mainmenu {
	width: 875px;
	height: 15px;
	border-right: 1px solid #e8e9ea;
	border-left: 1px solid #e8e9ea;
}
#mainmenu a {
	float: right;
	display: block;
	padding: 6px 10px 0px 10px;
	height: 14px;
	color: #ffffff;
	font-weight: bold;
	background-image: url("images/layout/mmbg.gif");
}
#mainmenu .headerMMCapL {
	float: right;
	display: block;
	height: 20px;
	width: 7px;
	background-image: url("images/layout/mmcapl.gif");
}
#mainmenu .headerMMCapR {
	float: right;
	display: block;
	height: 20px;
	width: 7px;
	margin-right: 5px;
	background-image: url("images/layout/mmcapr.gif");
}
#mainmenu .headerMMSpacer {
	float: right;
	display: block;
	height: 20px;
	width: 7px;
	margin-right: 5px;
}

/* Breadcrumb */
#breadcrumb {
	height: 17px;
	width: 875px;
	margin-top: 0px;
	background: url("images/layout/bcbg.gif") repeat-x center;
	/* background: #f89e34; */
}
#breadcrumb a {
	height: 15px;
	padding: 1px 1px 1px 1px;
	float: left;
	display: block;
	color: #ffffff;
	font-weight: bold;
}
#breadcrumb .trail {
	height: 15px;
	padding: 1px 1px 1px 1px;
	float: left;
	display: block;
	color: #ffffff;
	font-weight: bold;
}
#breadcrumb .headerBCCapL {
	float: left;
	display: block;
	height: 17px;
	width: 10px;
	/* background: url("images/layout/bccapl.gif") no-repeat right; */
}
#breadcrumb .headerBCCapM {
	float: left;
	display: block;
	height: 17px;
	width: 17px;
	background: url("images/layout/bccapm.gif") no-repeat right;
}

/* Blocks */
#columns {
	background: url("images/layout/body_bg.gif") repeat-y top;
	width: 875px;
}
#columnLeft {
	display:block;
	float: left;
	width: 180px;
}
#columnMiddle {
	margin: 0px 200px;
	padding: 15px 0px;
	width: 475px;
	display: block;
}
#columnRight {
	float: right;
	display: block;
	width: 180px;
}
#columnsTop {
	margin-top: 3px;
	width: 875px;
	height: 5px;
	background:  url("images/layout/columnstop.gif") no-repeat bottom;
}
#columnsBottom {
	width: 875px;
	height: 5px;
	background:  url("images/layout/columnsbottom.gif") no-repeat top;
}

/* Quicksearch */
#quicksearch {
	margin-left: 191px;
	margin-right: 191px;
	text-align: center;
	line-height: 43px;
	height: 43px;
	display: block;
	background: url("images/layout/search_bg.gif") repeat-x center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
input.searchinput {
	border: 1px solid #606060;
	padding: 2px;
	width: 220px;
	font-weight: bold;
}
input.searchbutton {
	border: 1px solid #606060;
	padding: 0 15px 0 15px;
	font-weight: bold;
}
#specials {
	margin-left: 191px;
	margin-right: 191px;
	text-align: center;
	height: 94px;
	display: block;
}

/* Footer */
#footer {
	margin-top: 3px;
	width: 100%;
	background-color: #e8e9ea;
	color: #525252;
}
#footerTop {
	height: 10px;
	background-color: #f0f0f0;
}
#footerBottom {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}
#footer a {
	color: #525252;
	font-weight: bold;
}
#footer p {
	margin-bottom: 6px;
}

/* InfoBox */
div.columnBox { width: 180px; }
div.columnBoxTop {
	display: block;
	height: 5px;
	background: url("images/layout/cboxtop.gif") repeat-x bottom left;
}
div.columnBoxTopLeft {
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxtl.gif")  no-repeat bottom left;
}
div.columnBoxTopRight {
	display: block;
	float: right;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxtr.gif")  no-repeat bottom right;
}
div.columnBoxMiddle {
	width: 170px;
	padding: 1px 4px;
	border-left: 1px solid #e8e9ea;
	border-right: 1px solid #e8e9ea;
	background-color: #f0f0f0;
}
div.columnBoxContent { }
div.columnBoxHeader {
	width: 100%;
	display: block;
	font-weight: bold;
	border-bottom: 1px dotted #b4b5b6;
	margin-bottom: 3px;
}
div.columnBoxBottom {
	display: block;
	height: 5px;
	background: url("images/layout/cboxbottom.gif") repeat-x top left;
}
div.columnBoxBottomLeft {
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxbl.gif")  no-repeat top left;
}
div.columnBoxBottomRight {
	display: block;
	float: right;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxbr.gif")  no-repeat top right;
}
div.columnBoxSpacer {
	display: block;
	height: 10px;
}
div.columnBox img { border: 2px groove #e8e9ea; }

/* InfoBox */
div.infoBox { width: 100%; }
div.infoBoxTop {
	display: block;
	height: 5px;
	background: url("images/layout/cboxtop.gif") repeat-x bottom left;
}
div.infoBoxTopLeft {
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxtl.gif")  no-repeat bottom left;
}
div.infoBoxTopRight {
	display: block;
	float: right;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxtr.gif")  no-repeat bottom right;
}
div.infoBoxMiddle {
	padding: 1px 4px;
	border-left: 1px solid #e8e9ea;
	border-right: 1px solid #e8e9ea;
	background-color: #f0f0f0;
	font-size: 14px;
}
div.infoBoxContent { }
div.infoBoxHeader {
	width: 100%;
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b5b6;
}
div.infoBoxHeader h1 {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
div.infoBoxHeader h2 {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
div.infoBoxHeader a {
	font-size: 14px;
	font-weight: bold;
}
div.infoBoxBottom {
	display: block;
	height: 5px;
	background: url("images/layout/cboxbottom.gif") repeat-x top left;
}
div.infoBoxBottomLeft {
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxbl.gif")  no-repeat top left;
}
div.infoBoxBottomRight {
	display: block;
	float: right;
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxbr.gif")  no-repeat top right;
}
div.infoBox table.percent100 {
	text-align: left;
	width: 100%;
}

table.infoBox {
	empty-cells: show;
	width: 100%;
}
td.infoBoxTop {
	height: 5px;
	background: url("images/layout/cboxtop.gif") repeat-x bottom left;
}
td.infoBoxTopLeft {
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxtl.gif")  no-repeat bottom left;
}
td.infoBoxTopRight {
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxtr.gif")  no-repeat bottom right;
}
td.infoBoxMiddle {
	padding: 1px 4px;
	border-left: 1px solid #e8e9ea;
	border-right: 1px solid #e8e9ea;
	background-color: #f0f0f0;
}
td.infoBoxBottom {
	height: 5px;
	background: url("images/layout/cboxbottom.gif") repeat-x top left;
}
td.infoBoxBottomLeft {
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxbl.gif")  no-repeat top left;
}
td.infoBoxBottomRight {
	width: 5px;
	height: 5px;
	background: url("images/layout/cboxbr.gif")  no-repeat top right;
}

table.sideBox {
	empty-cells: show;
	width: 100%;
}
td.sideBoxTop {
	height: 5px;
	background: url("images/layout/sboxtop.gif") repeat-x bottom left;
}
td.sideBoxTopLeft {
	width: 5px;
	height: 5px;
	background: url("images/layout/sboxtl.gif")  no-repeat bottom left;
}
td.sideBoxTopRight {
	width: 5px;
	height: 5px;
	background: url("images/layout/sboxtr.gif")  no-repeat bottom right;
}
td.sideBoxMiddle {
	padding: 1px 4px;
	border-left: 1px solid #f6db1e;
	border-right: 1px solid #f6db1e;
	background-color: #f8e885;
}
td.sideBoxBottom {
	height: 5px;
	background: url("images/layout/sboxbottom.gif") repeat-x top left;
}
td.sideBoxBottomLeft {
	width: 5px;
	height: 5px;
	background: url("images/layout/sboxbl.gif")  no-repeat top left;
}
td.sideBoxBottomRight {
	width: 5px;
	height: 5px;
	background: url("images/layout/sboxbr.gif")  no-repeat top right;
}

/* ColumnLeft */
#columnLeft a.categories {
	text-align: left;
	margin: 1px 0px;
	padding: 1px 0px;
	display: block;
	border: 1px solid #f0f0f0;
	color: #525252;
}
#columnLeft a.categories:hover {
	border: 1px solid #808284;
	text-decoration: none;
	color: #fff;
	background: #f7931d url(images/nd_sn_listdesign2.gif) top repeat-x;
}
#columnLeft a.categories_selected {
	text-align: left;
	margin: 1px 0px;
	padding: 1px 0px;
	display: block;
	border: 1px solid #f0f0f0;
	color: #525252;
	font-weight: bold;
}
#columnLeft a.categories_selected:hover {
	border: 1px solid #808284;
	text-decoration: none;
	color: #fff;
	background: #f7931d url(images/nd_sn_listdesign2.gif) top repeat-x;
}

/* ColumnRight */
#columnRight a.columnright {
	margin: 1px 0px;
	padding: 1px;
	display: block;
	border: 1px solid #f0f0f0;
	color: #525252;
}
#columnRight a.columnright:hover {
	background-color: #f7931d;
	border: 1px solid #808284;
	text-decoration: none;
	color: #fff;
	background: #f7931d url(images/nd_sn_listdesign2.gif) top repeat-x;
}

/* ColumnMiddle */
table.pageHeading { width: 100%; }
td.pageHeading {
	height: 24px;
	font-size: 24px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
#columnMiddle td.pageHeadingImage {
	text-align: right;
	width: 10px;
}
#columnMiddle td.pageHeadingDescr {
	text-align: left;
	vertical-align: top;
	padding: 5px 15px 0px 0px;
}
#columnMiddle table.categoriesList { width: 100%; }
#columnMiddle td.categoriesList {
	background-color: #fff;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	border: 2px groove #e8e9ea;
}
#columnMiddle td.categoriesListName {
	border-top: 1px dotted #e8e9ea;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#columnMiddle ul {
	margin-left: 10px;
	list-style-position: inside;
	list-style-type: square;
}
#columnMiddle ol {
	margin-left: 0px;
	list-style-position: inside;
	list-style-type: decimal;
}
#columnMiddle li {
	text-align: left;
	margin-bottom: 4px;
}

td.productsListingImg {
	background-color: #fff;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	border: 2px groove #e8e9ea;
}
td.productsListingSD { text-align: left }
td.productsListingPrice {
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}
td.productsListingBuyNow { text-align: right; }

/* User-Definitions */
.pi_artnr {
	padding: 3px;
	font-size: 11px;
	margin-left: 15px;
}
.pi_price {
	padding: 5px 10px;
	font-weight: bold;
	margin: 0px 5px;
	font-size: 16px;
}
.pd_tags {
	margin-left: 10px;
}

@media print {
	#header { display: none; }
	#mainmenu { display: none; }
	#breadcrumb { display: none; }
	#columnsTop { display: none; }
	#columnsBottom { display: none; }
	#columnsBottom { display: none; }
	#columnLeft { display: none; }
	#columnRight { display: none; }
	#quicksearch { display: none; }
	#columnMiddle {
		margin: 0px;
		width: 800px;
	}
	#footer { display: none; }
}