html, body {
  background: url(../images/layout/bg.gif);
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}

#ccontent {margin: 0px auto; width: 760px; background: #f3f3f1;}
#lcontent {margin: 0px auto; width: 14px; background: url(../images/layout/lcontent.gif) repeat-y;}
#rcontent {margin: 0px auto; width: 15px; background: url(../images/layout/rcontent.gif) repeat-y;}

#content {width: 760px;}
#footer  {width: 760px;}
#mainbg  {}
.col_left {width: 180px; background: url(../images/layout/col_bg.gif);}
.small {font-size: 12px;}

a.sgrey {color: #434343; font-size: 12px; text-decoration: none;}
a.sgrey:hover {color: #434343; font-size: 12px; text-decoration: underline;}

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

.txHd {font-size: 14px; font-weight: bold;}
.txNm {line-height: 18px; font-size: 12px;}
.txSl {line-height: 18px; font-size: 12px;}

.txHd-r {color: #ad0000; font-size: 14px; font-weight: bold;}
.txNm-r {line-height: 18px; color: #ad0000; font-size: 12px;}
.txSl-r {line-height: 18px; color: #ad0000; font-size: 12px;}

form {margin: 0px; padding: 0px;}
input {vertical-align: middle;}
select {vertical-align: middle; font-size: 12px;}
label {display: block; cursor: pointer;}

#foot {text-align: center;}
#foot a {text-decoration: underline; font-size: 12px; color: #434343;}
#foot a:hover {text-decoration: underline; font-size: 12px; color: #ad0000;}

input.main {font-size: 12px; border-bottom: 1px solid #434343;}

p {margin: 0px; padding: 0px 0px 10px 0px; line-height: 18px;}
p.witamy {margin: 0px; padding: 0px 0px 10px 0px;}
ul {margin-top: 0px; list-style-type: circle; list-style-position: outside;}
ol.main {margin: 0px; list-style-type: none; line-height: 18px;}

h1 {margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #434343;}
h2 {margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #434343;}

.cBox {background: url(../images/layout/box/bg.gif) repeat-x bottom; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #aaaaa9; padding: 5px; }
.bBox {height: 8px; background: url(../images/layout/box/bc.gif) repeat-x top; font-size: 6px;}
.gBox {height: 8px; background: url(../images/layout/box/gc.gif) repeat-x top; font-size: 6px;}
.oBox {height: 8px; background: url(../images/layout/box/oc.gif) repeat-x top; font-size: 6px;}
.rBox {height: 8px; background: url(../images/layout/box/rc.gif) repeat-x top; font-size: 6px;}

.imT {padding-bottom: 5px;}

.rHead {padding: 5px; background: #ad0000; color: #ffffff; font-weight: bold; }
.gHead {padding: 5px; background: #c2bfb2; color: #434343; font-weight: bold; }
.oHead {padding: 5px; background: #e0b123; color: #ffffff; font-weight: bold; }

.rCatBox {padding: 5px; background: #ad0000 url(../images/layout/boxr_bg.gif) no-repeat bottom; color: #ffffff; font-weight: bold;}
.gCatBox {padding: 5px; background: #c2bfb2 url(../images/layout/box_bg.gif) no-repeat bottom; color: #434343; font-weight: bold;}
a.Cat {font-size: 12px; text-decoration: none; color: #434343; display: block; padding: 5px; background: #e2e0d6; border-bottom: 1px solid #f3f3f1;}
a.Cat:hover {font-size: 12px; text-decoration: none; color: #ad0000; display: block; padding: 5px; background: #f0efea; border-bottom: 1px solid #f3f3f1;}

.cList {text-align: left; vertical-align: middle;}
a.cList {display: block; background: #ececec; color: #000000; padding: 3px; text-decoration: none;}
a.cList:hover {display: block; background: #f8f8f8; color: #ad0000; padding: 3px;}

.cList-m {padding: 2px; background: #ffffff; font-size: 12px;}
.cList-p {background: url(../images/layout/col_bg.gif); font-size: 12px;}
.cList-n {padding: 5px; background: #f3f3f1; border-top: 1px solid #464646; font-size: 12px; vertical-align: top;}
.cList-c {padding: 5px; background: #f3f3f1; font-size: 12px; vertical-align: top;}

.sList-t {padding: 2px; font-weight: bold; font-size: 12px; width: 30%;}
.sList 	 {padding: 2px; font-size: 12px; line-height: 20px;}
table.sList {background: #fcfcfc;}
tr.sList {background: #f3f3f1;}

table.piList {background: #f3f3f1;}
tr.piList {background: #fcfcfc;}

TABLE.pList {background: #ffffff;}
TD.pList-border {border-top: 1px dashed #000000;}

A.productListing-heading {
  	background: #c2bfb2;
  	display: inline-block;
  	color: #FFFFFF;
  	padding: 5px;
  	text-decoration: none;
  	border-width: 2px 2px 0px 0px;
  	border-style: solid;
  	border-color: #ffffff;
  	border-spacing: 1px;

	}
A.productListing-heading:hover, A.productListing-heading-selected {
  	background: #e0b123;
  	display: inline-block;
  	color: #FFFFFF;
  	padding: 5px;
  	text-decoration: none;
  	border-width: 2px 2px 0px 0px;
  	border-style: solid;
  	border-color: #ffffff;
  	border-bottom-color: #e0b123;
  	border-spacing: 1px;
	}

#warning {font-size: 12px; padding: 5px; background: #e0b123; color: #ffffff; font-weight: bold;}
#error {font-size: 12px; padding: 5px; background: #ad0000; color: #ffffff; font-weight: bold;}
#success {font-size: 12px; padding: 5px; background: #c2bfb2; color: #ffffff; font-weight: bold;}
#warning a, #warning a:hover {color: #ffffff; font-weight: bold;}


.shoppingCartRow1, .shoppingCartRow2 {background: #f3f3f1;}
.shoppingCartHead {background: #434343; color: #ffffff; font-weight: bold; }
.shoppingCartBox {font-size: 12px; border-bottom: 1px solid #434343; border-spacing: 1px;}

.inputRequirement {color: #ad0000;}
.buttonBox {padding-top: 4px; padding-bottom: 4px; text-align: right;}
.infoBox {background: url(../images/3rd_pixel.gif) repeat-x top;}
.infoBoxContents {}

.fieldKey {width: 30%}
.fieldValue {width: 70%}

.show {}
.hide {display: none;}

#qInfoBox 			  {font-size: 12px; background: #e0b123; color: #f3f3f1; padding: 4px; padding-bottom: 34px;}
#qInfoBox div.tit	  {font-size: 14px; display: block; padding: 5px; color: #f3f3f1; font-weight: bold;}
#qInfoBox div.product {font-size: 12px; background: #f3f3f1; color: #434343; border: 1px solid #434343; padding: 7px 2px 7px 2px;}
#qInfoBox a.product, #qInfoBox a.product:hover {color: #434343;}
#qInfoBox .productSpecialPrice {color: #ad0000;}

#qInfoBox a  		{font-size: 12px; color: #f3f3f1; text-decoration: underline;}
#qInfoBox a:hover 	{font-size: 12px; color: #f3f3f1; text-decoration: underline;}

#accountBox {background: #a4bf2c url(../images/layout/accountBox.gif) no-repeat right bottom; color: #ffffff; padding: 4px; padding-bottom: 34px;}
#accountBox div {display: block; padding: 5px; background: #a4bf2c; color: #f3f3f1; font-weight: bold;}
#accountBox a  {font-size: 12px; padding: 3px; display: block; color: #f3f3f1; text-decoration: none; border-bottom: 1px dotted #f3f3f1;}
#accountBox a:hover {font-size: 12px; padding: 3px; display: block; color: #ffffff; text-decoration: none; border-bottom: 1px solid #f3f3f1;}

.checkoutBarTo {font-size: 11px; color: #c2bfb2;}
.checkoutBarCurrent {font-size: 11px; color: #434343;}
.checkoutBarFrom, a.checkoutBarFrom {font-size: 11px; color: #ad00000; text-decoration: none;}
a.checkoutBarFrom:hover {font-size: 11px; color: #ad00000; text-decoration: underline;}

.messageStackError,messageStackWarning {background: #ad0000; color: #f3f3f1; font-size: 12px; font-weight: bold; line-height: 18px;}
.messageStackSuccess {background: #a3bf2b; color: #f3f3f1; font-size: 12px; font-weight: bold; line-height: 18px;}