/* Main CSS page for Cofevarka.Com.Ua */

/* фон */
body {
background: #fff;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right top;
color: #000;
font-family: Verdana, Tahoma, sans-serif;
font-size: 100%;
font-weight: normal;
line-height:1.4
margin-bottom: 0;
margin-left: 10;
margin-right: 0;
margin-top: 0;
text-decoration: none;
}

/* не подчёркивать ссылки, цвет ссылок  */
a:link{
text-decoration:none;
color: #330000;
	}
a:visited{
text-decoration:none;
color: #330033;
	}
a:hover{
text-decoration:none;
color: #ffffff;
background: #990033;
	}

a:hover img{background-color:none}

/* заголовок название страницы */
h1 {
	font-weight: bold;
	color: #990033;
	font-size: 110%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* заголовок главный, над болдом */
h2 {
	font-weight: bold;
	color: #990033;
	font-size: 75%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* контейнер для названия страницы */
#pagename {
      border-top: 1px solid #fcf;
	  border-bottom: 1px dotted #fcf;
	  border-left: 1px dotted #fcf;
	  border-right: 1px dotted #fcf;
      padding: 0 0 0 10;
      margin: 0 0 10 0;
	  background-image:  url(../image/background.gif);
      }

/* заголовок название блока контента */
h3 {
	font-weight: bold;
	color: #990033;
	font-size: 100%;
	padding: 0 0 0 10;
	margin: 0 0 0 0;
}
/* контейнер для названия страницы */
#contentname {
      border: 0;
      padding: 0 0 0 7;
      margin: 0 0 0 0;
	  background-image:  url(../image/background.gif);
      }

/* подзаголовок блока контента */
h4 {
color: #990033;
font-size: 85%
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/* заголовок фиолетовенький */
h5 {
color: #990033;
font-size: 75%
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/* заголовок шестерка */
h6 {
color: #777;
font-size: 60%;
font-weight: normal;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/*
strong {
color: #000000;
font-weight: normal;
}

em {
color: #101010;
font-style: normal;
}
*/

/*  3 колонки текста  */

#column0 {
float:center;
width: 943px;
}

#column1 {
float:left;
width: 225px;
}

#column2 {
float:left;
width: 718px;
}

#column31 {
float:left;
width: 160px;
padding: 0 5 0 0;
margin: 0 0 0 0;
}

#column32 {
float:left;
width: 623;
padding: 0 5 0 5;
margin: 0 0 0 0;
}

#column33 {
float:left;
width: 160;
padding: 0 0 0 0;
margin: 0 0 0 5;
}

/*  обычный текст  */
p {
border-bottom-width: 0px;
border-style: dotted;
border-color: #330033;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
margin-bottom: 7px; /* Отступ снизу */
margin-left: 7;
margin-right: 0;
margin-top: 0;
text-decoration: none;
}

/*  текст надписей  */
span.menu {
	text-decoration:none;
	font-weight: bold;
	color: #990033;
	font-size: 100%;
}

span.up {
	font-weight: bold;
	color: #990033;
	font-size: 75%;
}

/*  стили шрифтов списков   */

span.ul {
	font-weight: bold;
	color: #990033;
	font-size: 80%;
}

span.li {
	font-weight: bold;
	color: #330000;
	font-size: 80%;
}

/*  контейнеры списков   */

#left {
      width: 220;
      border-top: 1px solid #fcf;
	  border-bottom: 1px dotted #fcf;
	  border-left: 2px solid #fcf;
	  border-right: 1px dotted #fcf;
      padding: 0 0 0 0;
      margin: 0 -1 7 0;
}

/*  "кнопки-картинки" для списков   */

#left ul {
      list-style-type: disc;
      list-style-image: url(../image/bullet.gif);
      list-style-position: inside;
      margin-top: 3px;
	  margin-bottom: 3px;
	  margin-left: 3px;
	  margin-right: 3px;
      padding-left: 1em;
      text-indent: -1em;
}

#left a:link{
text-decoration:none;
	}

/*  обтекание иллюстраций текстом  */
img.illustration {
float: left; /* Обтекание картинки по левому краю */
padding-left: 0px; /* Отступ слева */
padding-right: 10px; /* Отступ справа */
padding-bottom: 5px /* Отступ снизу */
padding-top: 5px; /* Отступ сверху */
outline: none; /* убрать точечную обводку в Mozilla */
}



/*  оформление "подвала"   */
#down {
      width: 943;
      border-top: 1px solid #fcf;
	  border-bottom: 1px dotted #fcf;
	  border-left: 1px dotted #fcf;
	  border-right: 1px dotted #fcf;
      padding: 10 0 7 0;
      margin: 12 -1 5 0;
	  background-image:  url(../image/background.gif);
	}

span.down {
	color: #777;
	font-size: 60%;
	font-weight: normal;
}

/*  оформление подписей и цен под картинками */
#pic {
      width: 100%;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
	}

span.pic {
	color: #888;
	font-size: 60%;
	font-weight: normal;
}

/* болд */
#bold {
width: 943;
text-align: left;
border: 0px;
padding: 0 0 0 0;
margin: 0 -1 0 0;
}

/* блок кнопок */
#menu {
border: 0px;
padding: 25 0 25 0;
margin: 0 -1 0 0;
}
	
/* динамические кнопки */
a.button ,a.button:hover,a.button:active {background: url(../image/button_r.gif) top right no-repeat}

a.button {
display: block;
float: left; /* чтобы кнопка не растягивалась на всю ширину родительского блока, а ограничивалась текстом */
font: bold 120% verdana, arial, sans-serif;
color: #555;
text-decoration: none;
background: url(../image/button_r.gif) top right no-repeat;
padding-right: 25px; /* отступ для "раздвижных дверей" */
outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике */
}
a.button span {
display: block;
line-height: 13px;
background: url(../image/button_l.gif) no-repeat;
padding: 7px 0 13px 23px;
text-decoration: none;
outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике */
}

a.button:hover {
background-position: 100% -33px;
text-decoration: none;
}
a.button:hover span {
background-position: 0% -33px;
color: #222;
text-decoration: none;
}

a.button:active {
background-position: 100% -66px;
text-decoration: none;
}
a.button:active span {
background-position: 0% -66px;
color: #222;
padding: 8px 0 12px 23px; /* опускаем текст на 1px */
text-decoration: none;
}

/* типографика */
span.txt {
text-indent: 1em;  /* Абзац */
text-align: justify;
}

#txt {
      border-top: 1px dotted #ffccff;
	  border-bottom: 1px dotted #ffccff;
	  border-left: 1px dotted #ffccff;
	  border-right: 1px dotted #ffccff;
      padding: 10 10 0 0;
      margin: 10 0 0 10;
      }

span.price {
	font-weight: bold;
	font-size: 110%;
	color: #330000;
    border-bottom-width: 0px;
    border-style: dotted;
    border-color: #330000;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}

span.oldprice {
	font-weight: bold;
	font-size: 100%;
	color: #888;
    border-bottom-width: 0px;
    border-style: dotted;
    border-color: ##330000;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
	text-decoration: line-through;
}

span.newprice {
	font-weight: bold;
	font-size: 120%;
	color: 006600;
    border-bottom-width: 0px;
    border-style: dotted;
    border-color: #330000;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
	text-decoration: blink;
}

span.link {
	font-weight: bold;
	font-size: 110%;
	color: #990033;
    border-bottom-width: 0px;
    border-style: dotted;
    border-color: #330033;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}

span.name {
	font-weight: bold;
	color: #990033;
	font-size: 120%;
}

/*  контейнер списка характеристик  */

span.xap1 {
	font-weight: bold;
	color: #990033;
	font-size: 75%;
}

span.xap2 {
	font-size: 75%;
}

span.xap3 {
	color: #990033;
	font-size: 75%;
}

#xapaktep {
      border-top: 1px dotted #ffccff;
	  border-bottom: 1px dotted #ffccff;
	  border-left: 1px dotted #ffccff;
	  border-right: 1px dotted #ffccff;
      padding: 0 0 0 0;
      margin: 25 0 25 10;
      }

#xapaktep ul {
      padding: 2 0 2 0;
      margin: 0 0 0 0;
      } 

#xapaktep ul li {
      padding: 2 0 2 0;
      margin: 0 0 0 0;
      border-top: 1px dotted #ffccff;
	  border-bottom: 0px dotted #990033;
	  border-left: 0px dotted #990033;
	  border-right: 0px dotted #990033;
      list-style: none;
      }

table.xap_tab {
    border: 1px dotted #ffccff;
	padding: 0 0 0 0;
	margin: 25 0 0 0;
}

table.xap_tab th {
	border-top: 1px dotted #ffccff;
	background-image: url('../image/background.gif');
}

table.xap_tab tr {
    border: 1px dotted #ffccff;
}

table.xap_tab td.1 {
	border-top: 1px dotted #ffccff;
	border-left: 1px dotted #ffccff
}

table.xap_tab td.2 {
	border-top: 1px dotted #ffccff;
	border-left: 1px dotted #ffccff
}

/*  контейнер списка рекомендаций  */

#rec {
border-top: 1px dotted #ffccff;
border-bottom: 1px dotted #ffccff;
border-left: 1px dotted #ffccff;
border-right: 1px dotted #ffccff;
padding: 0 0 0 0;
margin: 7 0 7 0;
      }

#rec ul {
font-weight: bold;
font-size: 75%;
padding: 2 0 2 0;
margin: 0 0 0 0;
} 

#rec ul li {
padding: 2 0 2 0;
margin: 0 0 0 0;
border-top: 1px dotted #ffccff;
border-bottom: 0px dotted #990033;
border-left: 0px dotted #990033;
border-right: 0px dotted #990033;
list-style: none;
      }
	  .logo a:hover {
text-decoration: none;
background: none;
}
.logo_img {
background-image: url('../image/logo.gif');
background-repeat: no-repeat;
}
.content_blok {
margin-bottom: 5px;
margin-top: 5px;}

/*  контейнер прайс-листов  */

span.price1 {
	font-weight: bold;
	color: #990033;
	font-size: 75%;
}

span.price2 {
	font-size: 75%;
}

span.price3 {
	font-weight: bold;
	color: #555;
	font-size: 75%;
}

span.action1 {
	font-size: 75%;
	color: #990033;
	text-decoration: blink;
}

span.action2 {
	font-size: 75%;
	color: #990033;
}

#price {
      border-top: 1px dotted #ffccff;
	  border-bottom: 1px dotted #ffccff;
	  border-left: 1px dotted #ffccff;
	  border-right: 1px dotted #ffccff;
      padding: 0 0 0 0;
      margin: 25 0 25 10;
      }

#price ul {
      padding: 2 0 2 0;
      margin: 0 0 0 0;
      } 

#price ul li {
      padding: 2 0 2 0;
      margin: 0 0 0 0;
      border-top: 1px dotted #ffccff;
	  border-bottom: 0px dotted #990033;
	  border-left: 0px dotted #990033;
	  border-right: 0px dotted #990033;
      list-style: none;
      }

table.price_tab {
    border: 1px solid #ffccff;
	padding: 0 0 0 0;
	margin: 7 0 0 0;
}

table.price_tab td {
	border-top: 1px dotted #ffccff;
}

table.price_tab th {
	border-top: 1px dotted #ffccff;
	background-image: url('../image/background.gif');
}

table.price_tab tr {
    border: 1px dotted #ffccff;
}