body {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	background-color: #FFF;
	background-image: url(img/bgrgrad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
#header {
	height: 120px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#logo {
	position: absolute;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 270px;
	height: 60px;
	left: 10px;
	top: 25px;
	z-index: 100;
}
.corners {
	background-image: url(img/invcorR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	background-color: #FFF;
}
.wrapmain {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding-bottom: 30px;
}
.lpanel {
	position: absolute;
	z-index: 100;
}

.corners2 {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
	position: relative;
}
#cornr {
	position: absolute;
	top: 0px;
	right: 0px;
}
#cornl {
	position: absolute;
	left: 0px;
	top: 0px;
}
.whitesp {
	background-color: #FFF;
	margin-right: 11px;
	margin-left: 11px;
	height: 11px;
}
#mmenu {
	width: 200px;
}
.topmenu {
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(img/topbgr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	position: relative;
	z-index: 1;
	top: -10px;
}
.loginpanel {
	position: absolute;
	width: 410px;
	top: 3px;
	left: 8px;
}
input.inp25 {
	height: 18px;
	margin: 0px;
	padding: 1px;
	font-size: 14px;
	border: 1px solid #666;
}

.wrapmain .topmenu .loginpanel input {
	width: 80px;
}
#logbt {
	width: 30px;
}
.listform {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(img/topbgrR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 40px;
	width: 165px;
	padding-top: 2px;
	padding-right: 5px;
}


form {
	margin: 0px;
	padding: 0px;
}
#mmenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	width: 220px;
	z-index: 100;
}
#mmenu li {
	list-style-type: none;
	color: #660028;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	margin: 0px;
	background-color: #CCC;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#mmenu li a {
	color: #660028;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 40px;
	display: block;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: 180px;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(img/menuLgrad1.gif);
	background-repeat: repeat-y;
	border-top-width: 1px;
}
#mmenu li a:hover {
	color: #FFF;
	background-color: #660028;
	background-image: url(img/menuLgrad3.gif);
	background-repeat: no-repeat;
}
#mmenu li:hover {
	background-color: #660028;
	color: #FFF;
}
#mmenu li:hover a {
	color: #FFF;
	background-color: #660028;
	background-image: url(img/menuLgrad3.gif);
	background-repeat: repeat-y;
	background-position: right;
}


#mmenu li ul {
	position: absolute;
	top: 0px;
	width: 250px;
	background-color: #660028;
	right: -250px;
	z-index: 10;
	display: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #FFF;
}
#mmenu li ul li  {
	width: 250px;
	font-size: 13px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	background-color: #660028;
	padding-right: 1px;
	color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 1000px 1000px;
}

.gborder {
	border: 5px solid #660028;
	margin-right: 20px;
}
.wrapmain a{
	color: #900;
	font-weight: bold;
}
.wrapmain a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #900;
}


#mmenu li ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	width: 235px;
	background-color: #660028;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#mmenu li ul li a:hover {
	background-color: #C00;
	color: #FFF;
	background-image: none;
}
#mmenu li a img {
	position: absolute;
	left: 6px;
	top: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.tabletype1 tr th {
	color: #333;
	background-color: #DBDBDB;
	background-image: url(img/glassbg.gif);
	background-position: left bottom;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #FFF;
}
.tabfoot {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	background-color: #EFEEEE;
}

.tabletype1 tr td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
h1 {
	color: #900;
	margin-top: 6px;
	margin-bottom: 30px;
	padding-bottom: 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: 20px;
}
h2 {
	margin-right: 20px;
	font-size: 16px;
	color: #333;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.wrapmain p {
	margin-right: 20px;
}

.cartbox {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid #4A001E;
}
#cartdetaltootip {
	position: absolute;
	z-index: 55;
	width: 293px;
	top: 17px;
	padding: 5px;
	left: 327px;
	text-align: right;
	color: #FFF;
	text-shadow : #000000 1px 1px;
	filter: Shadow(Color=#000000,    
            Direction=125,  
            Strength=1);
}
#cartdetaltootip strong  {
	color: #C96;
}
#cartdetaltootip table {
	height: 72px;
}
#cartdetaltootip p {
	margin-top: 4px;
	margin-bottom: 6px;
}



#cartarea {
	position: absolute;
	top: 17px;
	right: 40px;
	width: 200px;
	z-index: 13;
}
#cartareaGroup {
	position: absolute;
	top: 17px;
	right: 20px;
	width: 290px;
	z-index: 13;
	padding: 4px;
	background-color: #000;
}
.cartbox table tr td {
	background-color: #670028;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}


.cartbox h5 {
	color: #FCC;
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	background-color: #4A001E;
	padding: 3px;
}
.addInvoiceLine {
	background-color: #CCC;
	padding: 4px;
	margin-right: 20px;
}
.contractorsTable {
	border: 2px solid #CCC;
	width: 710px;
}
.wrapmain table tr td hr {
	margin-right: 20px;
}
.tabledot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.inp150 {
	width: 380px;
}


.amtChanger {
	overflow: visible;
	position: relative;
	border: 1px solid #666;
	height: 25px;
}


.amtChanger input {
	margin: 0px;
	font-size: 16px;
	height: 20px;
	border: 0px none #FFF;
	font-weight: bold;
	color: #333;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.amtChanger .add {
	position: absolute;
	top: 1px;
	right: 1px;
	background-image: url(img/icon_add.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 13px;
}
.add:hover {
	background-image: url(img/icon_add_hover.gif);
}

.amtChanger .substr {
	position: absolute;
	top: 12px;
	right: 1px;
	background-image: url(img/icon_substr.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 13px;
}
.substr:hover {
	background-image: url(img/icon_substr_hover.gif);
}


.w40 {
	width: 55px;
}
.w40 input {
	width: 40px;
}
.w60 {
	width: 75px;
}
.w60 input {
	width: 60px;
}
.w150 {
	width: 150px;
}
.w150 input {
	width: 135px;
}

.productListButtons {
	margin-right: 20px;
	clear: both;
	background-image: url(img/glassbg.gif);
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	text-align: right;
}
#productList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	clear: both;
	z-index: 0;
}
#productList li {
	display: block;
	float: left;
	height: 170px;
	width: 220px;
	background-image: url(img/prodlistbg.gif);
	background-repeat: no-repeat;
	position: relative;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
	margin-left: 8px;
	z-index: 1;
}
#productList li.productListElActive {
	background-image: url(img/prodlistbg_active.gif);
}

#productList li h4 {
	color: #660028;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	height: 35px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 12px;
}
#productList .productListElActive h4 {
	color: #FFF;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-color: #900;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 10px;
}

#productList li .productListData {
	position: absolute;
	width: 110px;
	left: 95px;
	top: 60px;
}
#productList li .productListData .inputAlert01 {
	font-size: 10px;
	color: #F00;
}
#productList li .productListPic {
	position: absolute;
	left: 20px;
	width: 57px;
	background-color: #CCC;
	padding: 4px;
	top: 60px;
}
#productList li .productListPic img {
	border: 2px solid #FFF;
	background-color: #FFF;
}
#productList li .productListData .amtChanger {
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn {
	background-attachment: scroll;
	background-image: url(img/bt_black.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: -moz-inline-box;
	display: inline-block;
	height: 25px;
	color: #FFF;
	text-decoration: none;
	cursor: default;
	font-size: 12px;
	margin-right: 5px;
	white-space: nowrap;
	outline: none;
}
.btn span      {
	background-attachment: scroll;
	background-image: url(img/bt_black.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: -moz-inline-box;
	display: inline-block;
	height: 25px;
	margin-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	white-space: nowrap;
	padding-bottom: 0px;
}
.btn-hover {
	background-position: right -41px;
}
.btn-hover span {
	background-position: left -41px;
}
.btn-click {
	background-position: right -81px;
}
.btn-click span {
	background-position: left -81px;
}
.btn.black span img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	position: relative;
	top: -4px;
	margin-right: 4px;
	left: -4px;
}

#naglowek  {
	overflow: hidden;
	position: absolute;
	height: 120px;
	width: 801px;
	z-index: 1;
	left: 10px;
}
.piccontainer {
	overflow: hidden;
	position: absolute;
	z-index: 2;
	height: 120px;
	width: 801px;
	display: none;
}
.bestsell {
	position: absolute;
	right: -14px;
	top: -11px;
}
.listform .icnimg{
	display: block;
	height: 32px;
	width: 77px;
	float: left;
	outline:none;
}
.listform .icnimg:hover{ background-position: 0px 64px; }

.listform .imgbtn-click:hover { background-position: 0px 32px; }


.imgbtn-click { background-position: 0px 32px; }


#classicview {
	background-image: url(img/classicview.gif);
	margin-right: 5px;
}

#matrixview { background-image: url(img/matrixview.gif); }

#helpers {
	position: absolute;
	top: 2px;
	right: 190px;
	width: 94px;
	height: 31px;
}
#helpers a{
	display: block;
	height: 32px;
	width: 39px;
	float: left;
	outline:none;
}
#helpers a:hover { background-position: 0px -32px; }


#homebt {
	background-image: url(img/icon_home.gif);
	margin-right: 5px;
}

#helpbt {
	background-image: url(img/icon_help.gif);
	background-repeat: no-repeat;
}

#logout {
	background-image: url(img/logout.gif);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	width: 55px;
	position: relative;
	float: right;
	margin-left: 6px;
	top: 2px;
	outline:none;	
}
#logout:hover {
	background-position: 0px -15px;
	position: relative;
	top: 3px;
}
.promoties {
	position: absolute;
	bottom: -80px;
	color: #660028;
	display: block;
	left: 0px;
	width: 220px;
	height: 60px;
	background-image: url(img/promobgr.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	overflow: hidden;
	padding-left: 110px;
	padding-top: 12px;
	font-size: 22px;
	clip: rect(auto,220px,52px,auto);
}
.promoties:hover {
	color: #F00;
}
