/* -----------------------------------------------------------------------------------------
   http://referat.e-market.dp.ua
  ---------------------------------------------------------------------------------------*/

/*<![CDATA[*/

html, body, div, form
   {
     margin: 0px;
     padding: 0px;
   }

body
   {
     font: 12px Tahoma, Arial, sans-serif;
     background-color: #FFF;
   }

img
   {
	  border: 0px;
   }

td.Column
{
  width: 200px;
  background-color: #FFFFFF;
  vertical-align : top;
}

/* ---  HEADER ---- */
div#headimg
{
  vertical-align : top;
  padding: 0px;
  margin: 0px;
}

div#header {
	height: 117px;
	width: 100%;
	background-image: url(img/h_top.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
h1.header-text {
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-right: 5px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

/* ---  MENU ---- */
div#menu {
	background: url(img/menu-bg.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
    text-align: center;}

div#menu a:visited, div#menu a:link  {
	color: #000;
	text-decoration: none;
}

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

.menu-delemiter {
	width: 25px;
    height: 24px;
	background-image: url(img/menu-delemiter.gif);
	background-repeat: no-repeat;
	background-position: 10px;	
}

/*------- COLUMN -------*/
div#left{
	width:198px;
	margin: 0px 0px 2px 0px;
    padding-bottom: 0px;
	padding-right: 0px;
}

div#right{
	width:198px;
	margin: 0px 0px 2px 0px;
    padding-bottom: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}


/*------- BOX -----*/
h2.box-header {
	font-size: 12px;
	font-weight: bold;
	color: #B73323;
 /*   width: 198px;*/
    height: 24px; /* 22height - 3pading */
    margin: 0px;
}

h2.box-header a, a:hover, a:visited, a:link {
    text-decoration: none;
	color: #B73323;
}

div#right h2.box-header {
	background-image: url(img/right-box-header.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	text-align : right;
}

div#left h2.box-header {
	background-image: url(img/left-box-header.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
}

h2.box-footer {
	font-size: 12px;
	font-weight: bold;
 /*   width: 198px;*/
    height: 19px; /* 22height - 3pading */
    margin: 0px 0px 5px 0px;
	background-color:#FFFFE1;
}
div#left h2.box-footer {
	background-image: url(img/left-box-footer.gif);
	background-repeat: no-repeat;
}
div#right h2.box-footer {
	background-image: url(img/right-box-footer.gif);
	background-repeat: no-repeat;
}

div#boxCart h2.box-header, div#boxCategories h2.box-header{
margin: 0px;
}

div#left img {
padding-right: 10px;
}

div#right img {
padding-right: 5px;
}

div.boxcontent {
 padding: 15px;
 margin-bottom: 0px;
 color:#1F2C00;
 background-color:#EBF5CD;
}

div.boxcontent a:link, div.boxcontent a:visited{
text-decoration: underline;
color:#1F2C00;
}

div.boxcontent a:hover{
 text-decoration: underline; 
 color:#000000;
}

div.catboxcontent {
 padding-top: 1px;
 margin-bottom: 10px;
 color:#1F2C00;
 background-color:#EBF5CD;
}

div.catboxcontent a:link, div.catboxcontent a:visited{
text-decoration: underline;
color:#1F2C00;
}

div.catboxcontent a:hover{
 text-decoration: underline; 
 color:#000000;
}

/* ---- BOX LOGIN ----*/ 
p.title-field {
  float:  left;
  padding: 0px;
  margin: 5px 0px 0px 0px;
}

p.loginform {
	text-align:right;
	font-size: 11px;
  padding: 0px;
  margin: 5px 0px 0px 0px;
}

p.loginform input {
	font-size: 11px;
	color: #333333;
	width: 120px; 
}
p.loginform-button{
text-align:right;
  padding: 0px;
  margin: 3px 0px;
}

p.form-links {
  text-align:center;
  font-size: 11px;
  padding: 0px;
  margin: 2px;
}

p.form-links a:link, p.form-links a:visited {
  color: #1F2C00;
  text-decoration: none;
}

p.form-links a:hover {
  color: #000000;
  text-decoration: underline;
}

/* ----  NAVIGATION ---- */
div#navigation  {
	margin: 10px;
}

div#navigation span {
	color:#1F2C00;
	font-size: 10px;
	font-weight: bold;
}

div#navigation a:visited, div#navigation a:link{
	color:#1F2C00;
	font-size: 10px;
	font-weight: bold;
	
    text-decoration: none;
}

div#navigation a:hover{
	color:#1F2C00;
    text-decoration:underline;
}

/* ---- BOX CATEGORY ---- */

div.boxMenuCategory {
   background-image: url(img/category.gif);
	background-repeat: no-repeat;
	background-color: #EBF5CD;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-position: 7px 6px;
}

div.boxMenuSubCategory { 
	background-image: url(img/subcategory.gif);
	background-color: #F9EFBF;
	background-repeat: no-repeat;
   margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-position: 12px 7px;
   font-size: 11px;
}

div.boxMenuSubSubCategory { 
	background-image: url(img/subcategory.gif);
	background-color: #FFFF99;
	background-repeat: no-repeat;
   margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-position: 12px 7px;
   font-size: 11px;
}

div.boxMenuCategory a:link, div.boxMenuCategory a:visited, div.boxMenuSubCategory a:link, div.boxMenuSubCategory a:visited, div.boxMenuSubSubCategory a:link, div.boxMenuSubSubCategory a:visited
{
	text-decoration: none;
}

div.boxMenuSubCategory span, div.boxMenuCategory span, div.boxMenuSubSubCategory span {
font-weight:bold;
margin: 0px 0px 1px 0px;
}

div.boxMenuCategory a:hower, div.boxMenuSubCategory a:hower, div.boxMenuSubSubCategory a:hower {
	text-decoration: none;
}

/* ---- BOX CATEGORY TREE ---- */

div.boxMenuCategoryTree {
	background-image: url(img/category.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 23px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #1F2C00;
	background-position: 2px 5px;
}

div.boxMenuSub1CategoryTree { 
	background-image: url(img/subcategory.gif);
	background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 37px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #1F2C00;
	background-position: 24px 7px;
    font-size: 11px;
}

div.boxMenuSub2CategoryTree { 
	background-image: url(img/subcategory.gif);
	background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 52px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #1F2C00;
	background-position: 40px 7px;
    font-size: 11px;
}

div.boxMenuSub3CategoryTree { 
	background-image: url(img/category.gif);
	background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 69px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #1F2C00;
	background-position: 57px 7px;
    font-size: 11px;
}

div.boxMenuSub1CategoryTree span, div.boxMenuCategoryTree span {
    font-weight:bold;
}

div.boxMenuCategoryTree a:link, div.boxMenuCategoryTree a:visited, div.boxMenuSub1CategoryTree a:link, div.boxMenuSub1CategoryTree a:visited, div.boxMenuSub2CategoryTree a:link, div.boxMenuSub2CategoryTree a:visited, div.boxMenuSub3CategoryTree a:link, div.boxMenuSub3CategoryTree a:visited
{
	text-decoration: underline;
}

div.boxMenuCategoryTree a:hower, div.boxMenuSub1CategoryTree a:hower, div.boxMenuSub2CategoryTree a:hower, div.boxMenuSub3CategoryTree a:hower {
	text-decoration: none;
}

/* ---- BOX Manufacture ---- */
div#boxManufacturers .boxcontent{
  text-align:center;
}

div#boxManufacturers select{
	font-size: 12px;
	width: 80%; 
}

/* ---- BOX SEARCH ---- */
p.searchboxform{
 padding: 0px;
 margin: 0px;
}

p.searchboxform input, p.addquickieform input {
	float: left;
    margin-right: 3px;
}

/* ---=== BOX NEWS ===---*/

div#boxNews p {
 margin: 2px 0px;
 font-size: 10px;  
 color: #1F2C00;
}

div#boxNews p.ndate {
   color: #1F2C00;
   font-weight: bold;  
}

div#boxNews p.ntitle {
  font-size: 12px;  
}

p.manufacturers{
  font-weight:bold;
  text-align:center;
}
/* -------==========  MAIN CONTENT  ==========---------*/

div#content,  div#content td {
    padding-left: 10px;
	padding-right: 10px;
	color: #1F2C00;
}

div#content a:visited,  div#content a:link{
  color: #1F2C00;
}

div#content a:hover{
  color: #000000;
}

div#content H1 {
	font-size: 16px;
	font-weight: bold;
	color: #1F2C00;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FF5EFF;
    padding-bottom: 3px;
}

div#content H1 a{
  text-decoration: none;
}



/* ---- Product block for personal page ---- */
td.ProductInfoLeft {
  vertical-align:top;
  text-align:center;
  width: 50%;
}

td.ProductInfoRight {
  vertical-align:top;
  width: 50%; 
}

td.ProductInfoRight p {
 margin: 4px 0px;
}

p.product-price {
  margin-top: 0px;
  font-weight: bold;
  font-size: 14px;
  color:#226E43;
  background-image: url(img/price_bg.gif);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 9px 0px 10px 45px;
  background-position: 0px 0px;
}

div#product-count {
  float:left;
  margin-right: 5px;
}

div#product-count input {
  height:18px;
  padding: 0px;
  margin-right: 5px;
  font-size: 11px;
  font-weight: bold;
}

div#more images {
 width: 100%;
}

p.product-price span.productOldPrice {
	font-size: 11px;
	color: #B22222;
	text-decoration: line-through;
    font-weight:normal;
}

div.product-code {
	font-size: 10px;
	font: "Courier New", Courier, mono;
	margin-top: 5px;
}

p.print-info {
	font-size: 11px;
	text-align: right; 
}

/* -- product block list page ---*/
td.product-block {
  width: 50%;
  border:1px solid #BAD8A1;
}

div.product-name {
	font-weight: bold;
	text-align: center;
	width: 100%;
}

div.product-name a{
  text-decoration: none;
  color: #1F2C00;
}

div.product-picture {
	text-align: center;
}

div.product-description {
 font-size: 11px; 
}

a.product-description{
	color: #1F2C00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #1F2C00;
}


div.product-price, div.product-price a{
  color: #226E43;
  margin-bottom:5px;
}

div.product-price span.productOldPrice {
	font-size: 10px;
	color: #B22222;
	text-decoration: line-through;
    font-weight:normal;
}

div.product-shipping {
	text-align: right;
	font-size:10px;
}

div.pages-navigation {
  text-align:center;
  font-size: 11px;
  margin: 5px 0px; 
}

/* Ajax quick find */

div.ajaxQuickFind 
   {
     text-align: left;
   }

ul.ajaxQuickFind 
   {
     list-style-type: none;
     list-style-image: none;
     padding-left: 0px;
   }

li.ajaxQuickFind 
   {
     font-size: 80%;
     padding-left: 0px;
   } 

/* /Ajax quick find */

/* Ajax add quickie suggest */

div.ajaxAddQuickie 
   {
     text-align: left;
   }

div.addQuick 
   {
     text-align: left;
     color: #67748B;
     text-decoration: underline;
     cursor: pointer;
   }
   
ul.ajaxAddQuickie 
   {
     list-style-type: none;
     list-style-image: none;
     padding-left: 0px;
   }

li.ajaxAddQuickie 
   {
     font-size: 80%;
     padding-left: 0px;
   } 
   
div#footer
{
  background-image: url(img/footer.gif);
  background-repeat: y-repeat; 
}

div#copyright {
  margin:0px;
  text-align: center;
  padding: 10px 0px 0px 0px;
}
   
div#footer a:visited, a:link  {
	color: #F1F8FA;
	text-decoration: underline;
}

div#footer a:hover {
	color: #F1F8FA;
	text-decoration: none;
}

div#counter{
   text-align:right;
   margin:0px;
   padding:0px;
}



/* /Ajax add quickie suggest */
   
/*]]>*/

.pageItem 
{
  width: 100%;
}
   
dl.itemNewProducts 
{
   width: 100%; 
   float: left;
   height: 160px; 
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   background: transparent;
}
 
dt.itemImage 
{
  float: left;
  width: 120px;
  height: 160px;
  background: transparent;
  border-right: 0px #f1f1f6 solid;
  margin: 0 0 0 0;
  padding: 5px 5px 0 5px;
  text-align: center;
}
   
dd.itemDescription
{
  margin: 0 1em 0 120px;
  padding: 0 0;
  line-height: normal;
  background: transparent;
}

span.bold 
{
  font-weight: bold;
}

div.clear
{
  clear: both;
}

div.contacterror 
{
  border: 1px solid; 
  border-color: #ff0000; 
  background-color: #FFCCCC; 
  text-align: center; 
  margin-bottom: 0.5em; 
  margin-top: 0.5em;
}

.page 
{
  background: transparent;
  width: 100%;
  margin-top: 0.5em;
}

.pagecontentfooter 
{
 display: block;
 text-align: right;
 background:#ffffff;
 margin-top: 0.5em;
}

.form
{
  padding: 0px 5px 20px 5px;
}