/**INIT**/
* {
  margin: 0px;
  padding: 0px;
}

body, p, td, th, 
span, ul, li, ol, 
a, h1, input { 
  font-size: 12px;
	font-family: Arial, Tahoma, Trebuchet MS;
	color: #000;
}

body {
  text-align: left;
  line-height: 150%;
  background: #FFF;
}

img {
  border: 0;
}

table {
  text-align: left;
}

a {
  color: #000;
  text-decoration: none;
}

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

p {
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  color: #D9261C;
  font-size: 15px;
  font-weight: bold;
}

.clear {
  display: none;
}

.overflow {
  overflow: hidden;
  width: 100%;
}

/**FORM**/
.FrmTxt {
  display: block;
  width: 117px;
  height: 17px;
  padding: 2px 5px 0 5px;
  border: 2px #C0528A solid;
  margin-bottom: 5px;
}

.FrmSub {
  cursor: pointer;
  width: 86px;
  height: 37px;
  border: 0;
  margin-top: 3px;
  background: #BA387A url('../images/login-bt.jpg') no-repeat;
}

.NewsInp {
  width: 117px;
  height: 17px;
  padding: 2px 5px 0 5px;
  border: 2px #C0528A solid;
}

.NewsInp:focus,
.FrmTxt:focus {
  border: 2px #4591CB solid;
}

.NewsSub {
  cursor: pointer;
  width: 43px;
  height: 23px;
  border: 0;
  background: #B2286E url('../images/ok-bt.jpg') no-repeat;;
}

/**LAYOUT**/
.container {
  position: relative;
  overflow: hidden;
  width: 989px;
  margin: 0 auto 0 auto;
  background: url('../images/bg.jpg') repeat-y;
}

.header {
  position: relative;
  width: 989px;
  height: 359px;
  background: url('../images/header-bg.jpg') no-repeat;
}

.logo {
  position: absolute;
  top: 30px;
  left: 135px;
  width: 260px;
  height: 50px;
}

.login {
  position: absolute;
  top: 135px;
  left: 741px;
}

.head-reg,
.head-lost {
  position: absolute;
  top: 255px;
  right: 170px;
  padding: 0 0 0 13px;
  text-decoration: underline;
  background: url('../images/li2.jpg') 0 4px no-repeat;
}

.head-lost {
  right: 50px;
}

.head-reg:hover,
.head-lost:hover {
  text-decoration: none;
}

.info-panel {
  overflow: hidden;
  position: absolute;
  top: 308px;
  left: 0;
  width: 949px;
  padding: 0 20px 0 20px;
}

.navigation {
  float: left;
  display: inline;
  width: 500px;
  font-size: 11px;
  color: #373737;
}

.navigation a,
.cart a {
  color: #373737;
  text-decoration: underline;
}

.navigation a:hover,
.cart a:hover {
  color: #373737;
  text-decoration: none;
}

.cart a,
.cart a:hover {
  color: #000;
}

.cart {
  float: left;
  display: inline;
  width: 439px;
  text-align: right;
}

.cart strong {
  color: #D9261C;
}

.cart span {
  font-weight: bold;
  color: #373737;
}

.cont {
  position: relative;
  overflow: hidden;
  width: 989px;
}

.leftpanel,
.rightpanel {
  overflow: hidden;
  float: left;
  display: inline;
  width: 201px;
  margin: 0 0 0 21px;
  padding-bottom: 40px;
}

.rightpanel {
  margin: 0;
}

.content {
  float: left;
  display: inline;
  width: 521px;
  margin: 0 12px 0 12px;
  padding-bottom: 40px;
}

.title-green,
.title-blue,
h1 {
  width: 186px;
  height: 28px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0 0 15px;
  margin-bottom: 10px;
  background: #6FBA32 url('../images/title-green-bg.jpg') no-repeat;
}

.title-blue {
  background: #6FBA32 url('../images/title-blue-bg.jpg') no-repeat;
}

h1 {
  width: 506px;
  color: #727272;
  background: #6FBA32 url('../images/title-gray-bg.jpg') no-repeat;
}

.cattegories,
.menu,
.newsletter,
.partners {
  margin-bottom: 30px;
}

.partners a {
  display: block;
  margin-bottom: 10px;
}

.cattegories a {
  display: block;
  width: 182px;
  height: 27px;
  color: #000;
  padding: 11px 0 0 19px;
  margin-bottom: 3px;
  text-decoration: none;
  background: url('../images/cattegories-bg.jpg') no-repeat;
}

.cattegories a:hover {
  font-weight: bold;
  text-decoration: none;
}

.menu {
  line-height: 200%;
}

.menu a {
  display: block;
  width: 177px;
  color: #000;
  padding: 0 0 0 33px;
  background: url('../images/li.jpg') 17px 7px no-repeat;
}

.newsletter {
  width: 182px;
  padding: 0 14px 0 14px;
}

.newsletter th {
  width: 133px;
}

.partners {
  margin: 0 0 0 10px;
}

/**PRODUCT-BOX**/
.product-box {
  position: relative;
  width: 481px;
  height: 245px;
  padding: 20px;
  margin-bottom: 10px;
  background: url('../images/product-box-bg.jpg') no-repeat;
}

.product-title {
  cursor: pointer;
  color: #3A3A3A;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

.product-title:hover {
  color: #D9261C;
  text-decoration: underline;
}

.product-img {
  float: left;
  display: inline;
  margin-top: 15px;
}

.product-box p {
  float: left;
  display: inline;
  margin: 15px 0 0 15px;
  width: 330px;
  line-height: 180%;
}

.product-price {
  position: absolute;
  top: 250px;
  left: 20px;
  font-weight: bold;
}

.product-price span {
  color: #D9261C;
}

.product-detail,
.product-cart {
  position: absolute;
  top: 240px;
  left: 330px;
}

.product-cart {
  left: 420px;
}

/**FOOTER**/
.footer {
  width: 939px;
  height: 59px;
  margin: 0 auto 0 auto;
  padding: 40px 0 0 35px;
  background: url('../images/footer-bg.jpg') no-repeat;
}

.footer p {
  float: left;
  display: inline;
  width: 520px;
}

.author {
  float: left;
  display: inline;
}

.text {
  width: 481px;
  padding: 0 20px 0 20px;
  line-height: 180%;
}

.detail_over {
  overflow: hidden;
  width: 481px;
  padding: 0 20px 0 20px;
  margin-bottom: 20px;
}

.detail_img {
  overflow: hidden;
  float: left;
  display: inline;
  width: 196px;
  border: 1px #848484 solid;
}

.detail_img img { 
  display: block;
  padding: 3px;
}

.detail_img:hover {
  border: 1px #3D89C5 solid;
}

.detail_over form {
  float: left;
  display: inline;
  width: 260px;
  margin-left: 20px;
}

.detail_over table {
  line-height: 200%;
}

.detail_over th {
  width: 100px;
}

.detail_over table span {
  font-size: 11px;
}

.green-tab,
.green-tab span {
  color: #3D89C5;
  font-weight: bold;
}

.detail-sub {
  cursor: pointer;
  width: 77px;
  height: 27px;
  border: 0;
  margin-top: 5px;
  background: url('../images/cart-bt.jpg') no-repeat;
}

.detail-param {
  width: 481px;
  line-height: 28px;
  border-collapse: collapse;
  margin: 10px 0 20px 0;
}

.detail-param th,
.detail-param td {
  border-bottom: 2px #FFF solid;
}

.detail-param-tr1 {
  background-color: #EEEEEE;
}

.detail-param th {
  width: 90px;
  padding-left: 15px;
  font-weight: bold;
}

.detail-param th,
.detail-param td {
  width: 261px;
  padding-left: 15px;
}

.detail-param-tr1:hover th,
.detail-param-tr1:hover td,
.detail-param-tr2:hover th,
.detail-param-tr2:hover td {
  cursor: pointer;
  color: #FFF;
  background-color: #3D89C5;
}

.detail_gallery {
  overflow: hidden;
  width: 481px;
}

.detail_gallery div {
  overflow: hidden;
  float: left;
  display: inline;
  width: 120px;
  height: 90px;
  padding: 4px;
  margin: 10px 15px 0 15px;
  border: 1px #848484 solid;
}

.detail_gallery div:hover {
  border: 1px #3D89C5 solid;
}

/**REGISTRATION**/
.RegForm {
  overflow: hidden;
  width: 520px; 
  margin-left: 10px;
}

.RegWar {
  text-align: center;
}

.RegForm table {
  margin-bottom: 20px;
}

.RegForm tr {  
  height: 30px;
}

.RegLogin table {
  width: 250px;
}

.RegCol1 {
  width: 95px;
}

.RegCol2 {
  width: 155px;
}

.RegData {
  overflow: hidden;
  width: 520px; 
}

.RegData table {
  float: left;
  width: 250px;
  display: inline;
}

.RegInv {
  margin-left: 10px;
}

.RegInv .RegCol1 {
  width: 70px;
}

.RegForm input {
  width: 117px;
  height: 17px;
  padding: 2px 5px 0 5px;
  border: 2px #C0528A solid;
  border: 2px #C0528A solid;
  background: transparent;
}

.RegForm input:focus {
  border: 2px #4591CB solid;
}

.RegSub {
  cursor: pointer;
  width: 100px;
  height: 31px;
  border: 1px #CECECE solid;
  margin: 15px 0 0 226px;
  text-align: center;
  font-weight: bold;
  background-color: #F8F8F8;
}

/**KOSIK**/
.cart-1 {
  overflow: hidden;
  width: 520px;
  margin: 25px 0 0 0;
}

.cart-cnt {
  overflow:hidden;
  width:100%;
}

.CrtMenu {
  overflow: hidden;
  width: 490px;
  margin: 0 15px 0 15px;
}

.CrtFir,
.CrtSec,
.CrtThi {
  float: left;
  display: inline;
  height: 21px;
  padding-top: 7px;
  margin-right: 1px;
  text-align: center;
}

.CrtFir {
  width: 130px;
}

.CrtSec {
  width: 103px;
}

.CrtThi {
  width: 110px;
}

.CrtActive {
  color: #57A418;
}

.CrtActive strong {
  font-size: 20px;
}

.CrtCnt {
  overflow: hidden;
  position: relative;
  width: 520px;
  border-top: 3px #57A418 solid;
  border-bottom: 3px #57A418 solid;
  background-color: #F3F5F5;
}

.CrtMessage {
  margin: 15px;
}

.Crt1Tab1 {
  border-collapse: collapse;
}

.Crt1Tr0 td {
  color: #57A418;
  font-weight: bold;
  border-bottom: 1px #DDDDDD solid;
}

.Crt1Tr1 {
  height: 119px;
  padding-top: 3px;
  overflow: hidden;
  background: #FFF2FA;
}

.Crt1Tr1 td {
  border-bottom: 1px #DDDDDD solid;
}

.Crt1Td1 img {
  border: 1px #C0C0C0 solid;
}

.Crt1Td1 img:hover {
  border: 1px #3D89C5 solid;
}

.Crt1Td1 {
  width: 100px;
  padding-left: 18px;
}

.Crt1Td2 {
  width: 115px;
  padding-right: 10px;
}

.Crt1Td2 a,
.Crt1Td2 a:hover {
  text-decoration: underline;
}

.Crt1Td2 a:hover {
  text-decoration: none;
}

.CartQua {
  width: 30px;
  height: 17px;
  padding-top: 3px;
  margin-left: 12px;
  text-align: center;
  font-weight: bold;
  border: 2px #C0528A solid;
}

.CartQua:focus {
  border: 2px #4591CB solid;
}

.Crt1Td3 {
  width: 80px;
  text-align: right;
  padding-right: 10px;
}

.Crt1Td4 {
  width: 60px;
}

.Crt1Td5 {
  width: 90px;
  font-weight: bold;
  color: #57A418;
  text-align: right;
  padding-right: 10px;
}

.Crt1Td6 {
  width: 60px;
}

.Crt1Td6 a {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 18px;
  background: url('../images/crt-del-bt.jpg') no-repeat;
}

.Crt1NmTd1 {
  padding-left: 18px;
}

.Crt1NmTd2,
.Crt1NmTd3,
.Crt1NmTd4,
.Crt1NmTd5 {
  text-align: center;
}

.CrtPayment,
.CrtDelivery,
.CrtDisc {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px #DDDDDD solid;
  width:100%;
  overflow:hidden;
}

.CrtPayment p,
.CrtDelivery p,
.CrtDisc p,
.CrtComment p {
  width: 200px;
  font-size: 12px;
  font-weight: bold;
  color: #57A418;
  margin: 20px 0 0 20px;
}

.CrtPayment table,
.CrtDelivery table {
  width: 400px;
  margin: 10px 0 0 100px;
}

.CrtPayment th,
.CrtDelivery th {
  width: 10px;
}

.CrtPayment td,
.CrtDelivery td {
  width: 385px;
  padding: 0 0 0 5px;  
}

.CrtPayment label,
.CrtDelivery label {
  font-weight: bold;  
}

.CrtPayment input,
.CrtDelivery input {
  margin: 2px 0 0 0;
}

.CrtComment textarea {
  padding: 2px 5px 0 5px;
  border: 2px #C0528A solid;
  width: 465px;
  height: 80px;
  margin: 10px 20px 20px 20px;
}

.CrtComment textarea:focus {
  border: 2px #4591CB solid;
}

.CrtSummary {
  width: 552px;
  height: 30px;
  padding-top: 7px;
  background-color: #57A418;;
  border-bottom: 1px #DDDDDD solid;
}

.CrtSummary td {
  color: #FFF;
}

.CrtSummary1 {
	padding-left: 15px;
	font-size: 17px;
	width: 120px;
}

.CrtSummary2 {
	font-size: 11px;
	text-align: center;
	width: 180px;
}

.CrtSummary3 {
	font-size: 17px;
	padding-right: 15px;
	text-align: right;
	width: 370px;
}

.Crt1Btn {
  overflow: hidden;
  width: 552px;
  height: 100px;
}

.Crt1Btn1,
.Crt1Btn2,
.Crt1Btn2-2,
.Crt3Submit {
  cursor: pointer;
  border: 1px #CECECE solid;
  text-align: center;
  font-weight: bold;
  float: left;
	display: inline;
	height: 26px;
	width: 136px;
	margin-top: 40px;
	margin-left: 25px;
	padding-top: 5px;
  background-color: #F8F8F8;
}


.Crt1Btn2,
.Crt1Btn2-2 {
  width: 190px;
	margin-top: 40px;
	margin-left: 140px;	
}

.Crt1Btn2-2 {
  margin-left: 305px;	
}

/**KOSIK-2**/
.Crt2Login tr,
.Crt2Data tr {  
  height: 30px;
}

.Crt2Login table {
  width: 250px;
  margin-left: 10px;
}

.Crt2Td1 {
  width: 95px;
}

.Crt2Td2 {
  width: 155px;
}

.Crt2Data {
  overflow: hidden;
  width: 520px;
}

.Crt2Data table {
  float: left;
  width: 250px;
  display: inline;
  margin-top: 80px;
  margin-left: 10px;
}

.Crt2Inv {
}

.RegInv .RegCol1 {
  width: 70px;
}

.Crt2Login input,
.Crt2Data input {
  width: 117px;
  height: 17px;
  padding: 2px 5px 0 5px;
  border: 2px #C0528A solid;
  background: transparent;
}

.Crt2Login input:focus,
.Crt2Data input:focus  {
  border: 2px #4591CB solid;
}

.Crt2Log {
  position: absolute;
  top: 175px;
  left: 106px;
  cursor: pointer;
  width: 86px;
  height: 37px;
  border: 0;
  background: #B02A6F url('../images/login-bt.jpg') no-repeat;
}

.Crt2Border {
  overflow: hidden;
  width: 552px;
  height: 1px;
  border-bottom: 1px #DDDDDD solid;
}

/**KOSIK-3**/
.Crt3Confirm {
  overflow: hidden;
  position: relative;
  width: 522px;
  margin: 15px;
}

.Crt3Confirm table {
  width: 453px;
  margin: 0 20px 0 20px;
  border-collapse: collapse;
}

.Crt3Confirm tr {
  height: 30px;
}

.cart3-bord td,
.cart3-bord th {
  border-bottom: 1px #DDDDDD solid;
}

.cart3-bord th {
  width: 180px;
  font-weight: bold;
}

.cart3-bord td {
  width: 402px;
}

.Crt3Confirm td strong {
  color: #57A418;
}

.cart3-btn {
  padding: 40px 0 40px 0;
  text-align: center;
}

.cart-thx {
  color: #646363;
  font-size: 18px;
  margin: 20px 0 0 0;
}

.CrtOK {
  margin: 15px 0 15px 70px;
}

.CrtOK input {
  margin-right: 2px;
}

.Crt3Submit {
  width: 170px;
  padding: 0;
  margin: 10px 0 20px 180px;
}

.cart_error {
  color: red;
  font-weight: bold;
  text-align: center;
}

.errTag {
  color: red;
  font-weight: bold;
  display: block;
}

.pages {
  text-align: center;
  font-weight: bold;
}

.pages span {
  color: #D9261C;
}

/* kontakt */

#contact {
	float:right;
	width:250px;
}

#contact input.required,
#contact textarea.txtArea {
	width: 186px;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
	border: 2px #C0528A solid;
}

#contact input.required {
  height: 17px;
  width: 186px;
  padding: 2px 5px 0 5px;
}

#contact textarea.txtArea {
  padding: 5px;
}

#contact input.required:focus,
#contact textarea.txtArea:focus {
  border: 2px #4591CB solid;
}

.con-txt {
  margin-left: 20px;
}

.FrmCon {
  cursor: pointer;
  border: 1px #CECECE solid;
  text-align: center;
  font-weight: bold;
  float: left;
	display: inline;
	height: 23px;
	width: 116px;
	padding-top: 8px;
  background-color: #F8F8F8;
}

.FrmCon:hover {
  text-decoration: underline;
}

.CrtP {
  margin: 13px 0 0 0;
  text-align: center;
}

.Crt1Td3 span,
.Crt1Td5 span {
  font-size: 11px;
}

.Crt1Td5 span {
  color: #57A418;
}

.CrtSuc {
  margin: 20px;
}

.subcategories {
  overflow: hidden;
  width: 500px;
  margin: 0 0 20px 0;
  padding:0 0 10px 20px;
  border: 1px #CECECE solid;
  background-color: #F7F7F7; 
}

.subcategories a {
  float: left;
  display: inline;
  width: 160px;
  margin-top: 10px;
  padding-left: 5px;
  background: url('../images/li4.gif') 0 center no-repeat;
}