/*
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License

  osCommerce Jino Edition 
  http://www.jino.ru
  Copyright (c) 2004 Jino

  Название Темы: grassfield

 ############################################################################################################

  Информация о файле и инструкции:

  Данный файл используется для оформления внешнего вида магазина osCommerce JE, большая часть элементов
  полностью соответсвуюет элементам обычной редакции osCommrece, но добавлены также специальные "заглушки"
  для расширения возможностей индивидуального оформления. Все основные стили содержат комментарии
  относительно их значения.

  Более подробную информацию об оформлении osCommerce Jino Edition можно получить в соответствующем разделе
  Базы Знаний по адресу: http://www.jino.ru/kb/
  Для получения техподдержки обращайтесь: support@jino.ru

 ############################################################################################################

*/


/* 
#####################################
отступы в блоках 
#####################################
*/
.infoBoxContents, TABLE.infoBoxContents {
margin-left:3px;
padding-right:2px;
}


DIV.u1infoBoxContents .infoBoxContents {
margin-left:0px;
}

/* 
#####################################
ТЕКСТ В БОКОВЫХ БЛОКАХ
Стиль шрифта, размера и т.д. внутри боковых блоков магазина 
#####################################
*/
.boxText { 
font-family: Arial, Tahoma, sans-serif; font-size: 12px; 
}


.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; font-weight: bold; }
/* 
#####################################
ПРЕДУПРЕЖДЕНИЕ О НЕДОСТАТОЧНОМ КОЛ-ВЕ НА СКЛАДЕ
выводится в корзине
#####################################
*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #474028; }

.productsNotifications { b2ackground: #f2fff7; }
.orderEdit { font-size : 10px; }

BODY {background-color:white} 
BODY, td {
  color: #000000;
  margin: 0px;
  font-family: Arial, Verdana, Tahoma, sans serif; font-size:12px;
}

A { color: #286A2C; }
A:hover { color: #42C049; }
FORM { display: inline; }

/* 
#####################################
ЗАГОЛОВОК МАГАЗИНА
Название вверху страницы 
#####################################
*/
.headernametext{
margin-left:48px;
}

.headername {
font-family: Verdana, Tahoma, Arial; font-size:26px;
font-weight:bold;
font-style:normal;
color:#286A2C;
}



/* 
#####################################
ВЕРХНЯЯ ЧАСТЬ СТРАНИЦЫ
Цвет шапки 
#####################################

*/

TR.header {
  background-color:white;
}

TR.headerNavigation { }

/* 
#####################################
ПОЛОСКА МЕНЮ
Стиль полоски меню вверху страницы
#####################################
*/

TD.headerNavigation {
  background-color: #DFF6E1;
  color: black;
  border-color:black;
  border-style:solid;
  border-top-width:1;
  border-bottom-width:1px;
  border-left-width:0;
  border-right-width:0;
  background-image: url("images/toplinebg.gif");
  height:23px;
}


/* 
#####################################
ССЫЛКИ В МЕНЮ
Стиль для ссылок в верхнем меню: Мой профиль, Оформить заказ... 
#####################################
*/

.headerNavigationext a.headerNavigation{ color: black; }


A.headerNavigation { 
color:black; 
font-weight:bold;
}

A.headerNavigation:hover {
color: #000000;
font-weight:bold;

}

.headerNavigationext A.headerNavigation {
color:#000000;
font-weight:normal;
}

.headerNavigationext A.headerNavigation:hover {
color:#000000;
font-weight:normal;
}



TR.headerError {
  background: #ff0000;
}

TD.headerError {
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


/* 
#####################################
НИЖНЯЯ ЧАСТЬ СТРАНИЦЫ
Цвет подвала 
#####################################
*/

TR.footer {
  background-color: #8CF895;
  background-image:url("images/bottombg.gif");
}

/* 
#####################################
НИЖНЯЯ ПОЛОСКА 
#####################################
*/

TD.footer {
  border-color:green;
  border-style:solid;
  border-top-width:1;
  border-bottom-width:0px;
  border-left-width:0;
  border-right-width:0;
}


/* 
#####################################
КОПИРАЙТЫ 
#####################################
*/
TD.copyright {
  color: #286A2C;
  margin: 0px;
  font-family: Arial, Verdana, Tahoma, sans serif; font-size:9px;
}

/* 
#####################################
ЗАГОЛОВОК СТРАНИЦЫ
Цвет и стиль заголовков магазина 
#####################################
*/

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, Tahoma, Sans Serif;
  font-size:15px;
  font-weight: bolder;
  color: #474028;
  padding-bottom:3px;
  background-color: #EDEDED;
  background-image: url("images/headingbg.gif");
  background-repeat: repeat-x;
  height:43px;

}

/* 
#####################################
РАМКА БЛОКА
Цвет и стиль рамки боковых блоков и других блоков магазина 
#####################################
*/

.infoBox {
  border-color:#286A2C;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:1px;
  border-left-width:1px;
  border-right-width:1px;
  background-repeat: repeat-y;
  minwidth:400px;
}


/* 
#####################################
РАМКА БЛОКА вокруг кнопок
Заглушка для установки стиля в таблице, располагающейся внизу страницы, 
где присутствуют кнопки. 
#####################################
*/

DIV.u1infoBox .infoBox {
  border-color:black;
  border-style:dashed;
  border-top-width:1px;
  border-bottom-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  background-image:none;
}

/* 
#####################################
ЗАГОЛОВОК БЛОКА 
Цвет и стиль заголовка боковых блоков 
#####################################
*/

TD.infoBoxHeading {
  font-family: Times New Roman, Arial, Tahoma, Sans Serif;
  font-size:11px;
  font-weight: bolder;
  background-color: #73DC7B;
  text-transform: uppercase;
  border-color: #316082;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:1px;
  border-left-width:0;
  border-right-width:0;
  background-image: url("images/headbg.gif");
  height:20px;
  color: black;
}


/* 
#####################################
ЗАГОЛОВОК БЛОКА справа
Заглушка определяет фон и стиль для правого столбца заголовка блока 
используется в том случае, если TD.infoBoxHeading имеет уголок. 
P.S. Если Вы хотите сделать уголки с двух сторон создайте фон с уголком справа
и добавьте следующие строчку:
background-position: right
Подбронее см. в Базе Знаний "Джино"
http://www.jino.ru/kb/
#####################################
*/

TD.infoBoxHeading2 {
  font-family: Verdana, Arial, Tahoma, Sans Serif;
  font-size:11px;
  font-weight: bolder;
  background-color: #73DC7B;
  text-transform: uppercase;
  border-color: #316082;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:1px;
  border-left-width:0;
  border-right-width:0;
  background-position: right;
  background-image: url("images/headbg_right.gif");
  height:20px;
  color: black;
}


TD.infoBox, SPAN.infoBox {
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

}

.infoBoxNotice {

}

.infoBoxNoticeContents {

}




/* 
#####################################
РАМКА БЛОКА СО СПИСКОМ ТОВАРОВ
Цвет и стиль рамки внутреннего блока магазина 
со списком товаров
#####################################
*/

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #286A2C;
}

/* 
#####################################
ЗАГОЛОВОК БЛОКА СО СПИСКОМ ТОВАРОВ 
Цвет и стиль заголовка внутреннего блока магазина 
со списком товаров
#####################################
*/

.productListing-heading {
  font-family: Times New Roman, Arial, Tahoma, Sans Serif;
  font-size: 13px;
  color: black;
  font-weight: bold;
  height:14px;
  background-color: #73DC7B;
  background-image: url("images/listingbg.gif");
}


A.productListing-heading {
background-image: none;
background: none;
}

A.productListing-heading:hover {
background-image: none;
background: none;
color:black;
}

A.headerNavigation:hover {
color: #000000;
}

TD.productListing-data {
  border-style:solid;
  border-top-width:1;
  border-bottom-width:0px;
  border-left-width:0;
  border-right-width:0;
}

/* 
#####################################
ССЫЛКИ КОЛИЧЕСТВА СТРАНИЦ
оформление вывода ссылок: вперед, назад и номеров страничек
#####################################

*/

A.pageResults { }
A.pageResults:hover { }

/*
#####################################
ССЫЛКИ В ЗАГОЛОВКАХ БЛОКОВ 
#####################################

*/
A.infoBoxHeadinglink { 
color:black 
}

A.infoBoxHeadinglink:hover {
color:#474028;
}


/* 
#####################################
ТЕКСТ ТОВАРА 
#####################################
*/
TD.main, P.main {
line-height: 1.5;
}

/* 
#####################################
КОММЕНТАРИИ: текст комментариев 
#####################################
*/

TD.smallText, SPAN.smallText, P.smallText, DIV.smallText {
font-size:10px;
text-transform: none;
font-weight:normal;
}

TD.accountCategory {
  color: #aabbdd;
}

TD.fieldKey {
  font-weight: bold;
}

TD.fieldValue {
}

TD.tableHeading {
  font-weight: bold;
}

SPAN.newItemInCart {
  font-weight:bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px;
}

TEXTAREA {
  width: 100%;
}

SPAN.greetUser {
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

/* 
#####################################
ЯЧЕЙКИ ПРИ ОФОРМЛЕНИИ ЗАКАЗА
Стиль для ячеек с radio-button при оформлении заказа, выборе типа оплаты, адреса и т.д.
.moduleRowOver - при наведении мышкой
.moduleRowSelected - при выборе по-умолчанию
#####################################
*/
.moduleRow { }
.moduleRowOver { background-color: #F5F5F5; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #DAF6DC; }


.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #286A2C; color:white }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #9B9B9B; color:white;}


/*
#####################################
ТЕКСТ: ОБЯЗАТЕЛЬНЫЕ ПОЛЯ
стиль для текста "* обязательные поля" на страницах с формами 
#####################################
*/

.inputRequirement { 
font-size: 10px; 
font-weight:bold;
text-transform:none;
}

/* 
#####################################
ширина select в боксах 
#####################################
*/
.selbox{
width:98%;
}